ES6学习心得--------正则的扩展

    技术2022-07-12  92

    正则的扩展

    RegExp 构造函数 在 ES5 中,RegExp构造函数的参数有两种情况。

    第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符

    var reg=new RegExp("abc","i"); reg ///abc/i

    第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝。

    var reg=new RegExp(/abc/i); reg ///abc/i

    但是,ES5 不允许此时使用第二个参数添加修饰符,否则会报错。 ES6 改变了这种行为。如果RegExp构造函数第一个参数是一个正则对象,那么可以使用第二个参数指定修饰符。而且,返回的正则表达式会忽略原有的正则表达式的修饰符,只使用新指定的修饰符。

    var reg=new RegExp(/abc/g,"i"); reg ///abc/i

    字符串的正则方法 字符串对象共有 4 个方法,可以使用正则表达式:match()、replace()、search()和split()。

    u 修饰符 ES6 对正则表达式添加了u修饰符,含义为“Unicode 模式”,用来正确处理大于\uFFFF的 Unicode 字符。也就是说,会正确处理四个字节的 UTF-16 编码。 ES6 对正则表达式添加了u修饰符,含义为“Unicode 模式”,用来正确处理大于\uFFFF的 Unicode 字符。也就是说,会正确处理四个字节的 UTF-16 编码。

    /^\uD83D/u.test('\uD83D\uDC2A') // false /^\uD83D/.test('\uD83D\uDC2A') // true

    上面代码中,\uD83D\uDC2A是一个四个字节的 UTF-16 编码,代表一个字符。但是,ES5 不支持四个字节的 UTF-16 编码,会将其识别为两个字符,导致第二行代码结果为true。加了u修饰符以后,ES6 就会识别其为一个字符,所以第一行代码结果为false。

    一旦加上u修饰符号,就会修改下面这些正则表达式的行为。 (1)点字符 点(.)字符在正则表达式中,含义是除了换行符以外的任意单个字符。对于码点大于0xFFFF的 Unicode 字符,点字符不能识别,必须加上u修饰符。

    var s="我"; /^.$/.test(s) //false /^.$/u.test(s) //true

    上面代码表示,如果不添加u修饰符,正则表达式就会认为字符串为两个字符,从而匹配失败。 (2)Unicode 字符表示法 ES6 新增了使用大括号表示 Unicode 字符,这种表示法在正则表达式中必须加上u修饰符,才能识别当中的大括号,否则会被解读为量词。

    /\u{61}/.test('a') //false /\u{61}/u.test('a') //true

    (3)量词 使用u修饰符后,所有量词都会正确识别码点大于0xFFFF的 Unicode 字符。 /我{3}/.test(“我我我”) //false /我{3}/u.test(“我我我”) //true (4)预定义模式 u修饰符也影响到预定义模式,能否正确识别码点大于0xFFFF的 Unicode 字符。

    /^\S$/.test('𠮷') // false /^\S$/u.test('𠮷') // true

    上面代码的\S是预定义模式,匹配所有非空白字符。只有加了u修饰符,它才能正确匹配码点大于0xFFFF的 Unicode 字符。

    (5)i 修饰符 有些 Unicode 字符的编码不同,但是字型很相近,比如,\u004B与\u212A都是大写的K。

    /[a-z]/i.test('\u212A') // false /[a-z]/iu.test('\u212A') // true

    上面代码中,不加u修饰符,就无法识别非规范的K字符。 (6)转义 没有u修饰符的情况下,正则中没有定义的转义(如逗号的转义,)无效,而在u模式会报错。

    /\,/ // /\,/ /\,/u // 报错

    上面代码中,没有u修饰符时,逗号前面的反斜杠是无效的,加了u修饰符就报错。 4. RegExp.prototype.unicode 属性 正则实例对象新增unicode属性,表示是否设置了u修饰符.

    /hello/.unicode //false /hello/u.unicode //true y 修饰符 除了u修饰符,ES6 还为正则表达式添加了y修饰符,叫做“粘连”(sticky)修饰符。 y修饰符的作用与g修饰符类似,也是全局匹配,后一次匹配都从上一次匹配成功的下一个位置开始。不同之处在于,g修饰符只要剩余位置中存在匹配就可,而y修饰符确保匹配必须从剩余的第一个位置开始,这也就是“粘连”的涵义。 var s = 'aaa_aa_a'; var r1 = /a+/g; var r2 = /a+/y; r1.exec(s) // ["aaa"] r2.exec(s) // ["aaa"] r1.exec(s) // ["aa"] r2.exec(s) // null

    上面代码有两个正则表达式,一个使用g修饰符,另一个使用y修饰符。这两个正则表达式各执行了两次,第一次执行的时候,两者行为相同,剩余字符串都是_aa_a。由于g修饰没有位置要求,所以第二次执行会返回结果,而y修饰符要求匹配必须从头部开始,所以返回null。 6. RegExp.prototype.sticky 属性 与y修饰符相匹配,ES6 的正则实例对象多了sticky属性,表示是否设置了y修饰符。

    /good/y.sticky //true /good/.sticky //false RegExp.prototype.flags 属性 ES6 为正则表达式新增了flags属性,会返回正则表达式的修饰符。 /hello/gi.flags //"gi" s 修饰符:dotAll 模式 正则表达式中,点(.)是一个特殊字符,代表任意的单个字符,但是有两个例外。一个是四个字节的 UTF-16 字符,这个可以用u修饰符解决;另一个是行终止符(line terminator character)。

    所谓行终止符,就是该字符表示一行的终结。以下四个字符属于“行终止符”。

    U+000A 换行符(\n) U+000D 回车符(\r) U+2028 行分隔符(line separator) U+2029 段分隔符(paragraph separator) ES2018 引入s修饰符,使得.可以匹配任意单个字符。

    /jack.name/s.test("jackmname") //true /jack.name/s.test("jack\nname") //true /jack.name/s.test("jack name") //true

    这被称为dotAll模式,即点(dot)代表一切字符。所以,正则表达式还引入了一个dotAll属性,返回一个布尔值,表示该正则表达式是否处在dotAll模式。

    /jack.name/s.dotAll //true /jack.name/.dotAll //false

    后行断言 JavaScript 语言的正则表达式,只支持先行断言和先行否定断言,不支持后行断言和后行否定断言。ES2018 引入后行断言 . “先行断言”指的是,x只有在y前面才匹配,必须写成/x(?=y)/。比如,只匹配百分号之前的数字,要写成/\d+(?=%)/。“先行否定断言”指的是,x只有不在y前面才匹配,必须写成/x(?!y)/。比如,只匹配不在百分号之前的数字,要写成/\d+(?!%)/。 “后行断言”正好与“先行断言”相反,x只有在y后面才匹配,必须写成/(?<=y)x/。比如,只匹配美元符号之后的数字,要写成/(?<=$)\d+/。“后行否定断言”则与“先行否定断言”相反,x只有不在y后面才匹配,必须写成/(?<!y)x/。比如,只匹配不在美元符号后面的数字,要写成/(?<!$)\d+/。

    Unicode 属性类 ES2018 引入了一种新的类的写法\p{…}和\P{…},允许正则表达式匹配符合 Unicode 某种属性的所有字符。

    具名组匹配 正则表达式使用圆括号进行组匹配。

    正则匹配索引

    String.prototype.matchAll()

    Processed: 0.014, SQL: 10