js正则表达式学习

时间：2022-02-11 01:54:36
//几种字符串操作：
var str = 'abcdef';

alert(str.search('b'));		//弹出1；返回的是b在str中的位置；如果找不到返回-1；

alert(str.substring(2,5));	//弹出cde；不包括结束位置；

alert(str.substring(1));	//弹出bcdef，从开始位置一直截取到结束位置；

alert(str.charAt(3));		//弹出d,返回的是第3个位置的字符；

var str = '12 fff 87 er334 233 -=-=-=fa80';

alert(str.match(/\d+/g));	//返回字符串数组: 12 87 334 233 80

/*

正则表达式的两种风格

*/

var re = new RegExp('a','i');

var re = /a/i;
//找下面字符串中出现的第一个数字：

var str = 'asdf 23 23  zxcacxzczxc';

var re = /\d/;

console.log(str.search(re));		//5	找出第一个数字的位置

match用法：

//关于match:

//match: 把所有匹配的东西，全都提取出来；以数组的形式

var str = 'asdf 34 656 vsd33';

var re = /\d/;

var re2 = /\d/g;			//g global 找到全部

var re3 = /\d+/g;

alert(str.match(re));		//弹出3

alert(str.match(re2));		//弹出3,4,6,5,6,3,3	因为只告诉了计算机找一个数字

alert(str.match(re3));		//弹出34,656,33

replace用法：

//把所有的a都替换成数字0

var str = 'abc aaa erw';

var re = /a/g;

alert(str.replace('a', '0'));  //弹出0bc aaa erw;

alert(str.replace(re, '0'));	 //弹出0bc 000 erw;

replace小例子-敏感词过滤：

<body>

    <textarea id='txt1' cols="40" rows="5"></textarea><br>

    <input id="btn1" type="button" value="过滤"/><br>

    <textarea id='txt2' cols="40" rows="5"></textarea><br>

</body>

<script type="text/javascript">

//敏感词过滤

window.onload = function(){

    var oTxt1 = document.getElementById("txt1");

    var oTxt2 = document.getElementById("txt2");

    var oBtn = document.getElementById("btn1");

    oBtn.onclick=function(){

        var re = /北京|淘宝|百度/g;

        oTxt2.value = oTxt1.value.replace(re, '***');

    }

}

</script>

图：

js正则表达式学习

方括号：

var str = 'apc fpc dpc xpc gpc rpc spc ppc';

var re = /[apx]pc/g;

alert(str.match(re));			//弹出apc xpc ppc

偷小说的小例子--过滤HTML标签

html标签规则：<除了<>外任意个字符>

<script type="text/javascript">

//过滤HTML标签：

window.onload=function(){

	var oTxt1 = document.getElementById('txt1');

	var oTxt2 = document.getElementById('txt2');

	var oBtn = document.getElementById('btn1');

	oBtn.onclick=function(){

		var re = /<[^<>]+>/g;

		oTxt2.value = oTxt1.value.replace(re, '');

	}

}

</script>

图:

js正则表达式学习　

例1：校验电话号码：

如电话号码： 010-87496698-86:

区号和分机号都是可有可无的；电话开始一位不能是0,假设电话为8位数字;

假设分机号最多5位

(0\d{2,3}-)?[1-9]\d{7}(-\d{1,5})?

括号就是分组起来；

例2：校验邮箱：　　

<body>

<input type="text" id='txt1'>

<input id="btn1" type="button" value="校验"></input>

</body>

<script type="text/javascript">

//校验邮箱：

window.onload=function(){

    var oTxt1 = document.getElementById("txt1");

    var oBtn = document.getElementById("btn1");

    oBtn.onclick=function(){

        //从字符串的开头和结尾，只能出现：\w+@[a-z0-9]+\.[a-z]+

        //整个字符串都会校验，而不仅仅是校验一部分

        var re = /^\w+@[a-z0-9]+\.[a-z]+$/i;

        //test方法：

        //检验oTxt1.value这个字符串是否符合正则re的规则,如果符合返回true

        //test 字符串一部分符合要求，true

        if(re.test(oTxt1.value)){

            alert("合法邮箱");

        }else{

            alert("非法邮箱");

        }

    }

}

</script>

量词：

量词：个数

+                  若干（多少都可以,最少1次）,等同于{1,}

{n}                正好出现n次

{n, m}             最少n次，最多m次

(n,}               最少n次，最多不限

?                  可有可无，相当于{0, 1}

*                  0次或多次,相当于{0,}        (慎用,容易出问题，要考虑好)

方括号：

方括号

[abc]                a或b或c，任选一个即可 [abc]pc  则apc、bpc、cpc都行；

[a-z]                匹配a-z字母

[0-9]                匹配数字

[^a-z]               匹配除了a-z的字母外；

[^a-z0-9]            匹配除了英文字母和数字之外的东西

转义：

转义:

\d                匹配数字      [0-9]

.                 任意字符    (慎用，很容易出问题，用了.很可能是没考虑清楚)

\w                英文、数字、下划线  [a-z0-9_]

\s                空白字符 代表所有的空格，包含tab、回车、换行

\D                除了数字 [^0-9]

\W                除了英文数字下划线 [^a-z0-9_]

\S                除了空白字符

行首行尾：

行首行尾：

^                ^不出现在[]里面，代表行首--即字符串的开头

$                行尾，即字符串结尾；
 
js正则 贪婪的特性：
它会去匹配尽可能长的字符串,越长越好；

后面再学到的再继续补充.......　

　　

js正则表达式学习的更多相关文章

  1. JS正则表达式学习总结

    JS正则:java RegExp对象,它是对字符串执行模式匹配的强大工具.运用最多的就是在输入处验证输入的字符串是否合法,指定用户输入字符串的格式. 定义方法: 1:直接量语法:var re=/pat ...

  2. Js正则表达式学习之test和compile的简单介绍

    RegExp 对象用于规定在文本中检索的内容. 定义 RegExp RegExp 对象用于存储检索模式. 通过 new 关键词来定义 RegExp 对象.以下代码定义了名为 patt1 的 RegEx ...

  3. js 正则表达式学习笔记

    正则表达式正则表达式是由一个字符序列形成的搜索模型 语法new RegExp("[abc]")/[abc]//正则表达式主体/修饰符(可选) 1.修饰符i 忽略大小写g 执行全局匹 ...

  4. 【正则】精通JS正则表达式，没消化 信息量太大，好文

    http://www.jb51.net/article/25313.htm 正则表达式可以: •测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用 ...

  5. js之学习正则表达式

    看了掘金的一个作者写的JS正则表达式完整教程 受益匪浅,感谢作者的无私奉献.在此,做下笔记. 目录 0. 目录 1. 正则表达式字符匹配 1.1.字符组 1.2.量词 1.3.多选分支 1.4.案例分 ...

  6. js正则表达式replace里有变量的解决方法用到RegExp类

    一直比较害怕使用正则表达式,貌似很深奥很复杂的样子,所以在用js操作字符串的时候,我最多使用的是replace.split.substring.indexOf等函数,这些函数有时候需要多次叠加使用,但 ...

  7. JS正则表达式大全&lpar;整理详细且实用&rpar;

    JS正则表达式大全(整理详细且实用).需要的朋友可以过来参考下,希望对大家有所帮助!! 正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释, ...

  8. js 正则学习小记之NFA引擎

    原文:js 正则学习小记之NFA引擎 之前一直认为自己正则还不错,在看 次碳酸钴,Barret Lee 等大神都把正则玩的出神入化后发现我只是个战五渣.  求抱大腿,求大神调教. 之前大致有个印象,正 ...

  9. JS 正则表达式否定匹配（正向前瞻）

    引言:JS 正则表达式是 JS 学习过程中的一大难点,繁杂的匹配模式足以让人头大,不过其复杂性和其学习难度也赋予了它强大的功能.文章从 JS 正则表达式的正向前瞻说起,实现否定匹配的案例.本文适合有一 ...

随机推荐

  1. Python学习Day2笔记&lpar;集合和文件操作&rpar;

    1.集合的使用 列表是有序的可包含重复内容的 集合是无序的不可包含重复内容的 1) 集合关系测试 #列表去重list_1=[1,4,5,6,7,8,9,7,5,4,23,2] #有重复数据 list_ ...

  2. &lbrack;codevs1157&rsqb;2&Hat;k进制数

    [codevs1157]2k进制数 试题描述 设r是个2k 进制数,并满足以下条件: (1)r至少是个2位的2k 进制数. (2)作为2k 进制数,除最后一位外,r的每一位严格小于它右边相邻的那一位. ...

  3. 深入理解java虚拟机【Java Class类文件结构】

    Java语言从诞生之时就宣称一次编写,到处运行的跨平台特性,其实现原理是源码文件并没有直接编译成机器指令,而是编译成Java虚拟机可以识别和运行的字节码文件(Class类文件,*.class),字节码 ...

  4. 10大html5前端框架

    Bootstrap 首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁*的势气.自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者 ...

  5. IE SEESION共享的问题

    前几天,我们在开发工作流的过程中出现了一个比较奇怪的问题,原本看不到流程的人员,在登陆后却能够看到对应流程的待办任务,并且导致流程流向混乱!在调模式下调试程序发现(假设登陆两个用户)第二个登陆用户的信 ...

  6. Android 常用对话框Dialog封装

    Android 6种 常用对话框Dialog封装 包括: 消息对话框.警示(含确认.取消)对话框.单选对话框. 复选对话框.列表对话框.自定义视图(含确认.取消)对话框 分别如下图所示:       ...

  7. 利用Fiddler修改请求信息通过Web API执行Dynamics 365操作&lpar;Action&rpar;实例

    本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复261或者20170724可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong.me ...

  8. springboot 学习之路 4（日志输出）

    目录:[持续更新.....] spring 部分常用注解 spring boot 学习之路1(简单入门) spring boot 学习之路2(注解介绍) spring boot 学习之路3( 集成my ...

  9. Jmeter&lpar;三十七&rpar;循环控制器&plus;交替控制器&plus;事务控制器 完美实现接口字段参数化校验

    我们在做接口自动化的时候,常常因为无法灵活的的校验接口字段而烦恼.不能自动校验接口字段的脚本,也就不能称之为接口自动化.因此,我设计了一套组合式的控制器,可以完美的解决这个问题 1:首先我们需要在本地 ...

  10. 汉诺塔系列问题： 汉诺塔II、汉诺塔III、汉诺塔IV、汉诺塔V、汉诺塔VI

    汉诺塔 汉诺塔II hdu1207: 先说汉若塔I(经典汉若塔问题),有三塔.A塔从小到大从上至下放有N个盘子.如今要搬到目标C上. 规则小的必需放在大的上面,每次搬一个.求最小步数. 这个问题简单, ...

相关文章