JS正则从入门到精通

文档版本号
说明
作者
创建时间
第一版
javascript正则基本
朱保康
2019.3.31

一.什么是正则表达式

  1. 按照某种规则匹配符合规则的字符串
    2.图形工具:
    网络:http://regexper.com
    本地下载:https://github.com/javalone/regexper-static

二.REGEXP对象
JS正则从入门到精通_第1张图片
字面量:var reg = /\bis\b/g
JS正则从入门到精通_第2张图片
构造函数:var reg = new RegExp(‘\bis\b’,’g’) 反斜线写两次,转义
JS正则从入门到精通_第3张图片
修饰符
JS正则从入门到精通_第4张图片
JS正则从入门到精通_第5张图片
三.元字符
JS正则从入门到精通_第6张图片

.*$等在不同的书写方式中有不同的含义
JS正则从入门到精通_第7张图片
四.字符类
JS正则从入门到精通_第8张图片
JS正则从入门到精通_第9张图片
JS正则从入门到精通_第10张图片
五.范围类
JS正则从入门到精通_第11张图片
JS正则从入门到精通_第12张图片
JS正则从入门到精通_第13张图片
六.预定义类

JS正则从入门到精通_第14张图片
JS正则从入门到精通_第15张图片

JS正则从入门到精通_第16张图片
JS正则从入门到精通_第17张图片
JS正则从入门到精通_第18张图片
JS正则从入门到精通_第19张图片
七.量词
JS正则从入门到精通_第20张图片
JS正则从入门到精通_第21张图片
八.贪婪模式和非贪婪模式
贪婪模式:让正则表达式尽可能多的来匹配
非贪婪模式:[^贪婪模式]
JS正则从入门到精通_第22张图片

九.分组
JS正则从入门到精通_第23张图片
JS正则从入门到精通_第24张图片
JS正则从入门到精通_第25张图片

JS正则从入门到精通_第26张图片
JS正则从入门到精通_第27张图片
反向引用可以用$来捕获分组中的内容

十.前瞻(javascript没有后顾,只有前瞻)

注意:断言部分只作为判断,不发挥实际作用

十一.对象属性

multiline ignoreCase global都是只读的

十二.test和exec方法,正则自身的方法

全局和非全局的结果是不同的
非全局:

全局:
每次执行的结果不同,是因为全局中改变了reg2的lastIndex的指向

如果想用test来判断,只是判断是否有就行,不必要加g标志

非全局调用中lastIndex不起作用

十三.字符串对象方法

其实返回的结果和exec()非全局调用返回的相同,不过就是正则和字符串的位置不相同

在全局调用中相对于exec()的全局调用就简单了许多

对于repalce操作字符串用函数解决:

没有分组的情况:

有分组的情况:

来源:https://www.imooc.com/video/12539

文档版本号
说明
第二版
javascript正则进阶
一.js的正则表达式的正则前瞻(?=)和非捕获性分组(?:)有什么区别?
(?=)会作为匹配校验,但不会出现在匹配结果字符串里面
(?:)会作为匹配校验,并出现在匹配结果字符里面,它跟(…)不同的地方在于,不作为子匹配返回。
例如:
1
2
3
4
var data = ‘windows 98 is ok’;
data.match(/windows (?=\d+)/); // ["windows "]
data.match(/windows (?:\d+)/); // [“windows 98”]
data.match(/windows (\d+)/); // [“windows 98”, “98”]

你可能感兴趣的:(javascrip)