正则表达式是对字符串操作的逻辑公式,表达了对字符串的一种过滤逻辑。

相对于.NET和Perl,JS对正则表达式的支持相当朴素,或者说JS的正则表达式是perl正则表达式的一个子集。

一、正则表达式引擎:

主流正则引擎分为3类:1、DFA(text-directed)  2、NFA(rege-directed)  3、POSIX NFA

JS采用的是NFA正则引擎,以正则为导向

DFA与NFA的却别:

1. DFA对于文本每个字符只扫描一次,比较快,NFA需要反复吃吐字符,速度慢

2. 只有NFA菜支持lazy和backreference等特性

3. 由于NFA支持lazy,NFA最左子式优先匹配成功,DFA则是最长左子式优先匹配成功

4. NFA采用greedy量词(对于*,+这样以贪婪方式进行),NFA会优先匹配量词

5. NFA可能会选入递归调用的陷阱二表现的性能极差

二、元字符:

() [] {} . ? * + ^ $ \ |  如果需要使用元字符的本身符号需要转义

三、特殊字符:

字符 正则 描述
\t /\t/ 制表符
\n /\n/ 制表符
\r /\r/ 回车符
\f /\f/ 换页符
\a /\a/ alert字符
\e /\e/ escape字符
\cX /\cX/ 与X相对应的控制字符
\b /\b/ 与回退字符
\v /\v/ 垂直制表符
\0 /\0/ 空字符

四、字符类:

简单类:原则上正则的一个字符对应一个字符,我们可以用[]把它们括起来,让[]这个整体对应一个字符。如

  1. 1 alert(/ruby/.test("ruby"));//true
  2. 2 alert(/[abc]/.test("a"));//true
  3. 3 alert(/[abc]/.test("b"));//true
  4. 4 alert(/[abc]/.test("c"));//true
  5. 5 alert("a bat ,a Cat,a fAt bat ,a faT cat".match(/[bcf]at/gi));//bat,Cat,fAt,bat,faT,cat

负向类:也是在那个括号里做文章,前面加个元字符进行取反,表示匹配不能为括号里面的字符。

  1. 1 alert(/[^abc]/.test("a"));//false
  2. 2 alert(/[^abc]/.test("b"));//false
  3. 3 alert(/[^abc]/.test("6"));//true
  4. 4 alert(/[^abc]/.test("gg"));//true

范围类:还是在那个中括号里面做文章。有时匹配的东西过多,而且类型又相同,全部输入太麻烦,我们可以用它。特征就是在中间加了个横线。

  1. alert(/[a-f]/.test("b"));//true
  2. alert(/[a-f]/.test("k"));//false
  3. alert(/[a-z]/.test("h"));//true
  4. alert(/[A-Z]/.test("gg"));//false
  5. alert(/[^H-Y]/.test("G"));//true
  6. alert(/[0-9]/.test("8"));//true
  7. alert(/[^7-9]/.test("6"));//true

组合类:还是在那个中括号里面做文章。允许用中括号匹配不同类型的单个字符。

  1. alert(/[a-m1-5\n]/.test("a"))//true
  2. alert(/[a-m1-5\n]/.test("3"))//true
  3. var a = "\n\
  4. "
  5. alert(/[a-m1-5\n]/.test(a))//true
  6. alert(/[a-m1-5\n]/.test("r"))//false

预定义类:还是在那个中括号里面做文章,不过它好像已经走到尽头了。由于是中括号的马甲,因此它们还是对应一个字符。

字符 等同于 描述
. [^\n\r] 除了换行和回车之外的任意字符
\d [0-9] 数字字符
\D [^0-9] 非数字字符
\s [ \t\n\x0B\f\r] 空白字符
\S [^ \t\n\x0B\f\r] 非空白字符
\w [a-zA-Z_0-9] 单词字符(所有的字母)
\W [^a-zA-Z_0-9] 非单词字符

五、量词:

简单量词:

代码 类型 描述
? 软性量词 出现零次或一次
* 软性量词 出现零次或多次(任意次)
+ 软性量词 出现一次或多次(至道一次)
{n} 硬性量词 对应零次或者n次
{n,m} 软性量词 至少出现n次但不超过m次
{n,} 软性量词 至少出现n次(+的升级版)

贪婪量词:上面提到的所有简单量词。就像成语中说的巴蛇吞象那样,一口吞下整个字符串,发现吞不下(匹配不了),再从后面一点点吐出来(去掉最后一个字符,再看这时这个整个字符串是否匹配,不断这样重复直到长度为零)

隋性量词:在简单量词后加问号。由于太懒了,先吃了前面第一个字符,如果不饱再捏起多添加一个(发现不匹配,就读下第二个,与最初的组成一个有两个字符串的字符串再尝试匹配,如果再不匹配,再吃一个组成拥有三个字符的字符串……)。其工作方式与贪婪量词相反。

支配性量词:在简单量词后加加号。上面两种都有个不断尝试的过程,而支配性量词却只尝试一次,不合口味就算了。就像一个出身高贵居支配地位的公主。但你也可以说它是最懒量词。由于javascript不支持,所以它连出场的机会也没有了。

六、分组:

到目前为止,我们只能一个字符到匹配,虽然量词的出现,能帮助我们处理一排密紧密相连的同类型字符。但这是不够的,下面该轮到小括号出场了,中括号表示范围内选择,大括号表示重复次数。小括号允许我们重复多个字符。

  1. //分组+量词
  2. alert(/(dog){2}/.test("dogdog"))//true
  3. //分组+范围
  4. alert("baddad".match(/([bd]ad?)*/))//baddad,dad
  5. //分组+分组
  6. alert("mon and dad".match(/(mon( and dad)?)/))//mon and dad,mon and dad, and dad

七、反向引用:

反向引用标识由正则表达式中的匹配组捕获的子字符串。每个反向引用都由一个编号或名称来标识,并通过“\编号”表示法进行引用。

  1. var color = "#990000";
  2. /#(\d+)/.test(color);
  3. alert(RegExp.$1);//990000
  4.  
  5. alert(/(dog)\1/.test("dogdog"))//true
  6.  
  7. var num = "1234 5678";
  8. var newNum = num.replace(/(\d{4}) (\d{4})/,"$2 $1");
  9. alert(newNum)

八、候选:

继续在分组上做文章。在分组中插入管道符(“|”),把它划分为两个或多个候多项。

  1. var reg = /(red|black|yellow)!!/;
  2. alert(reg.test("red!!"))//true
  3. alert(reg.test("black!!"))//true
  4. alert(reg.test("yellow!!"))//true

九、非捕获性分组:

并不是所有分组都能创建反向引用,有一种特别的分组称之为非捕获性分组,它是不会创建反向引用。反之,就是捕获性分组。要创建一个非捕获性分组,只要在分组的左括号的后面紧跟一个问号与冒号就行了。

  1. var color = "#990000";
  2. /#(?:\d+)/.test(color);
  3. alert(RegExp.$1);//""

题目,移除所有标签,只留下innerText!

  1. var html = "<p><a href='http://www.cnblogs.com/rubylouvre/'>Ruby Louvre</a>by <em>司徒正美</em></p>";
  2. var text = html.replace(/<(?:.|\s)*?>/g, "");
  3. alert(text

注意:javascript不存在命名分组

十、前瞻:

继续在分组内做文章。前瞻与后瞻其实都属于零宽断言,但javascript不支持后瞻。

零宽断言
正则 名称 描述
(?=exp) 正向前瞻 匹配exp前面的位置
(?!exp) 负向前瞻 匹配后面不是exp的位置
(?<=exp) 正向后瞻 匹配exp后面的位置不支持
(?<!exp) 负向后瞻 匹配前面不是exp的位置不支持
 
 
 

正向前瞻用来检查接下来的出现的是不是某个特定的字符集。而负向前瞻则是检查接下来的不应该出现的特定字符串集。零宽断言是不会被捕获的。

  1. var str1 = "bedroom";
  2. var str2 = "bedding";
  3. var reBed = /(bed(?=room))///在我们捕获bed这个字符串时,抢先去看接下来的字符串是不是room
  4. alert(reBed.test(str1));//true
  5. alert(RegExp.$1)//bed
  6. alert(RegExp.$2 === "")//true
  7. alert(reBed.test(str2))//false

  

  1. var str1 = "bedroom";
  2. var str2 = "bedding";
  3. var reBed = /(bed(?!room))/ //要来它后面不能是room
  4. alert(reBed.test(str1))//false
  5. alert(reBed.test(str2))//true

  

题目,移除hr以外的所有标签,只留下innerText!

  1. var html = "<p><a href='http://www.cnblogs.com/rubylouvre/'>Ruby Louvre</a></p><hr/><p>by <em>司徒正美</em></p>";
  2. var text = html.replace(/<(?!hr)(?:.|\s)*?>/ig,"")
  3. alert(text)//Ruby Louvre<hr/>by 司徒正美

十一、边界:

一个要与字符类合用的东西。

边界
正则 名称 描述
^ 开头 注意不能紧跟于左中括号的后面
$ 结尾
\b 单词边界 指[a-zA-Z_0-9]之外的字符
\B 非单词边界

题目,设计一个字符串原型方法,实现首字母大写!

  1. var a = "ruby";
  2. String.prototype.capitalize = function () {
  3. return this.replace(/^\w/, function (s) {
  4. return s.toUpperCase();
  5. });
  6. }
  7. alert(a.capitalize())//Ruby

单词边界举例。要匹配的东西的前端或未端不能为英文字母阿拉伯字数字或下横线。

  1. var str = "12w-eefd&efrew";
  2. alert(str.match(/\b\w+\b/g))//12w,eefd,efrew

实例属性 描述
global 是当前表达式模式首次匹配内容的开始位置,从0开始计数。其初始值为-1,每次成功匹配时,index属性都会随之改变。
ignoreCase 返回创建RegExp对象实例时指定的ignoreCase标志(i)的状态。如果创建RegExp对象实例时设置了i标志,该属性返回True,否则返回False,默认值为False。
lastIndex 是当前表达式模式首次匹配内容中最后一个字符的下一个位置,从0开始计数,常被作为继续搜索时的起始位置,初始值为-1, 表示从起始位置开始搜索,每次成功匹配时,lastIndex属性值都会随之改变。(只有使用exec()或test()方法才会填入,否则为0)
multiLine 返回创建RegExp对象实例时指定的multiLine标志(m)的状态。如果创建RegExp对象实例时设置了m标志,该属性返回True,否则返回False,默认值为False。
source 返回创建RegExp对象实例时指定的表达式文本字符串。
 
  1. var str = "JS's Louvre";
  2. var reg = /\w/g;
  3. alert(reg.exec(str));//J
  4. alert(reg.lastIndex);//1
  5. alert(reg.exec(str));//S
  6. alert(reg.lastIndex);//2
  7. alert(reg.exec(str));//s
  8. alert(reg.lastIndex);//4
  9. alert(reg.exec(str));//L
  10. alert(reg.lastIndex);//6

  

JavaSript中的正则表达式的更多相关文章

  1. 如何理解javaSript中函数的参数是按值传递

    本文是我基于红宝书<Javascript高级程序设计>中的第四章,4.1.3传递参数小节P70,进一步理解javaSript中函数的参数,当传递的参数是对象时的传递方式. (结合资料的个人 ...

  2. PHP中有关正则表达式的函数集锦

    之前学正则表达式的目的是想从网上抓取点小说啊,文档啊,还有获取相应的视频连接然后批量下载.当时初学PHP根本不知道PHP有专门抓包的工具,就像Simple_html_dom.php(在我的其他博文中有 ...

  3. JavaScript中的正则表达式(终结篇)

    JavaScript中的正则表达式(终结篇) 在之前的几篇文章中,我们了解了正则表达式的基本语法,但那些语法不是针对于某一个特定语言的.这篇博文我们将通过下面几个部分来了解正则表达式在JavaScri ...

  4. Coursera-Getting and Cleaning Data-week4-R语言中的正则表达式以及文本处理

    博客总目录:http://www.cnblogs.com/weibaar/p/4507801.html Thursday, January 29, 2015 补上第四周笔记,以及本次课程总结. 第四周 ...

  5. 9.JAVA中的正则表达式

    一.JAVA中的正则表达式 1.概念:以某种特定的方式描述字符串 1.Java中正则表达式的规则 ?          #{0,1}-?有一个-或者没有 \\           #表示一个" ...

  6. Python::re 模块 -- 在Python中使用正则表达式

    前言 这篇文章,并不是对正则表达式的介绍,而是对Python中如何结合re模块使用正则表达式的介绍.文章的侧重点是如何使用re模块在Python语言中使用正则表达式,对于Python表达式的语法和详细 ...

  7. 工作随笔——UIButton的EdgeInsets + Swift中的正则表达式;

    1.UIButton的EdgeInsets UIButton的EdgeInsets方法,是用来设置title和image对于上左下右四个方向的偏移,但是很奇怪的是,刚开始只有Image,titile也 ...

  8. Javascript中的正则表达式

    Javascript中的正则表达式 刚开始接触正则表达式的时候,觉得这是个很死板的东西(没办法,计算机不能像人眼一样能很快的辨认出我们需要的结果,它需要一定的规则来对它进行限制),了解的越多,发现这个 ...

  9. 在Visual Studio中使用正则表达式匹配换行和批量替换

    系统环境:Windows 8.1 Enterprise Update 2 x64 开发环境:Mircosoft Visual Studio Ultimate 2013 Update 2 RC 问题:如 ...

随机推荐

  1. JDK、Eclipse、Tomcat、Maven、IDEA 常见问题

    windows操作分成了32位和64位的系统,不同的系统安装的软件也不一样. 查询电脑操作系统是多少位? J D K 01. 下载安装 02. 目录解释 03. 配置环境变量 (JDK安装成功后进行配 ...

  2. Python学习之for循环--输出1-100中的偶数和登录身份认证

    输出1-100中的偶数 效果图: 实现代码: for i in range(2,101,2): print(i,end = '\t') if(i == 34): print('\n') if (i = ...

  3. Vue. 之 Element dialog 拖拽

    Vue. 之 Element dialog 拖拽 默认情况下,在使用Element的Dialog模块时,弹出框是不能移动的,且 一旦点击遮罩层区域,弹框就会消失. 解决方案: 1 在 utils 中新 ...

  4. shell中各种括号的作用详解()、(())、[]、[[]]、{}

    一.小括号,圆括号() 1.单小括号 () ①命令组.括号中的命令将会新开一个子shell顺序执行,所以括号中的变量不能够被脚本余下的部分使用.括号中多个命令之间用分号隔开,最后一个命令可以没有分号, ...

  5. PHP--http_build_query--把数组化成&key=value方式

  6. 读书笔记--Head First Python 目录

    1.初识python 2.共享你的代码 3.文件与异常 4.持久共享 5.推导数据 6.定制数据对象 7.web开发 8.移动应用开发 9.管理你的数据 10.扩展你的web应用 11.处理复杂性 其 ...

  7. jnhs-netbeans maven Failed to execute goal org.apache.maven.plugins:maven-clean-plugin:2.4.1:clean (default-clean) on project

    w 无法完成清理 出现这种错误,通常是由于启动了另一个tomcat 进程或者运行的javaw.exe进程,导致报错. 直接运行工程启动后再清理就好了 或者 重启大法

  8. spring基于xml的声明式事务控制配置步骤

    <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.sp ...

  9. win10 系统同步时间出错

    设置->时间和语言->区域和语言->其他日期,区域和时间设置->设置时间和日期->Internet时间->更改设置 应该会有两个服务器,分别更新下时间,哪个正确就用 ...

  10. 使用dos行命令实现文件夹内文件名统计

    1.进入在dos环境下 2.进入需要统计的目录下. 3.使用命令 dir /b>e:1.xls 结果:会在路径(e:\资料\资料整理)下生成一个新的文件(1.xls).1.xls把路径(e:\资 ...