正则表达式扩展

ES6扩展

1.RegExp 构造函数

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

  var regex = new RegExp('xyz', 'i');
  // 等价于
  var regex = /xyz/i;

  var regex = new RegExp(/xyz/i);
  // 等价于
  var regex = /xyz/i;

  // 不允许，报错
  var regex = new RegExp(/xyz/, 'i');

ES6中，支持如上正则写法

  new RegExp(/abc/ig, 'i')
  // 原有正则对象中的修饰符（flag）ig,将会被第二个参数i覆盖

2.改变字符串正则方法的调用
match()、replace()、search()和split()

String.prototype.match 调用 RegExp.prototype[Symbol.match]
String.prototype.replace 调用 RegExp.prototype[Symbol.replace]
String.prototype.search 调用 RegExp.prototype[Symbol.search]
String.prototype.split 调用 RegExp.prototype[Symbol.split]

3.u 修饰符，用来正确处理大于 \uFFFF的Unicode 字符
（1）点字符：除了换行符以外的任意单个字符，大于 \uFFFF 的 Unicode 字符无法识别

  var s = '𠮷';
  /^.$/.test(s) // false
  /^.$/u.test(s) // true

(2) Unicode 字符表示法

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

(3) 量词：正确识别码点大于 0xFFFF 的 Unicode 字符

  /a{2}/.test('aa') // true
  /a{2}/u.test('aa') // true
  /𠮷{2}/.test('𠮷𠮷') // false
  /𠮷{2}/u.test('𠮷𠮷') // true

(4) \S 预定义模式，匹配所有非空白字符；影响同上

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

  function codePointLength (text) {
    var result = text.match(/[\s\S]/gu);
    return result ? result.length : 0
  }
  var s = '𠮷𠮷';
  s.length // 4
  codePointLength(s) // 2

(5) 与 i 修饰符,识别非规范的字符

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

4.RegExp.prototype.unicode 属性：表示是否设置了u修饰符

  const r1 = /hello/;
  const r2 = /hello/u;
  r1.unicode // false
  r2.unicode // true

y 修饰符，粘连（sticky）修饰符
y 修饰符与g修饰符类似，也是全局匹配，后一次都从上一次匹配成功的下一个位置开始
- g 修饰符：只要剩余位置中存在匹配即可
- y 修饰符：匹配必须从剩余的第一个位置开始，不满足返回 null

6.RegExp.prototype.sticky 属性：表示是否设置了y修饰符

  var r = /hello\d/y;
  r.sticky // true

7.RegExp.prototype.flags 属性：会返回正则表达式的修饰符

ES2018扩展

8.s 修饰符：dotAll 模式

引入s修饰符，使得.可以匹配任意单个字符

 // 匹配的是任意单个字符写法
  /foo[^]bar/.test('foo\nbar')  // true

  // 上面的解决方案不太符合直觉
  /foo.bar/s.test('foo\nbar') // true

9.后行断言
...
10.Unicode 属性类
引入了一种新的类的写法\p{...}和\P{...}，允许正则表达式匹配符合 Unicode 某种属性的所有字符
语法如下：Unicode 属性类要指定属性名和属性值

\p{UnicodePropertyName=UnicodePropertyValue}

\P{…}是\p{…}的反向匹配，即匹配不满足条件的字符，这两种类只对Unicode字符有效，使用时一定要加上U 修饰符

  // 匹配所有数字
  const regex = /^\p{Number}+$/u;
  regex.test('²³¹¼½¾') // true
  regex.test('㉛㉜㉝') // true
  regex.test('ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ') // true

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

  const RE_DATE = /(\d{4})-(\d{2})-(\d{2})/;
  const matchObj = RE_DATE.exec('1999-12-31');
  const year = matchObj[1]; // 1999
  const month = matchObj[2]; // 12
  const day = matchObj[3]; // 31

为了便于阅读与引用，引入了具名匹配

  const RE_DATE = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;

  const matchObj = RE_DATE.exec('1999-12-31');
  const year = matchObj.groups.year; // 1999
  const month = matchObj.groups.month; // 12
  const day = matchObj.groups.day; // 31

语法如下：“具名组匹配”在圆括号内部，模式的头部添加“问号 + 尖括号 + 组名”（?<year>），再通过exec 放回结果的groups 属性引用该组名

解构赋值和替换
解构赋值

  let {groups: {one, two}} = /^(?<one>.*):(?<two>.*)$/u.exec('foo:bar');
  one  // foo
  two  // bar

替换：字符串替换时，使用$<组名>引用具名组

  let re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/u;
  '2015-01-02'.replace(re, '$<day>/$<month>/$<year>')
  // '02/01/2015'

引用：如果要在正则表达式内部引用某个“具名组匹配”，可以使用\k<组名>、数字引用（\1）的写法
....

正则表达式扩展