y 修饰符

除了u修饰符,ES6 还为正则表达式添加了y修饰符,叫做“粘连”(sticky)修饰符。

y修饰符的作用与g修饰符类似,也是全局匹配,后一次匹配都从上一次匹配成功的下一个位置开始。不同之处在于,g修饰符只要剩余位置中存在匹配就可,而y修饰符确保匹配必须从剩余的第一个位置开始,这也就是“粘连”的涵义。

  1. var s = 'aaa_aa_a';
  2. var r1 = /a+/g;
  3. var r2 = /a+/y;
  4. r1.exec(s) // ["aaa"]
  5. r2.exec(s) // ["aaa"]
  6. r1.exec(s) // ["aa"]
  7. r2.exec(s) // null

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

如果改一下正则表达式,保证每次都能头部匹配,y修饰符就会返回结果了。

  1. var s = 'aaa_aa_a';
  2. var r = /a+_/y;
  3. r.exec(s) // ["aaa_"]
  4. r.exec(s) // ["aa_"]

上面代码每次匹配,都是从剩余字符串的头部开始。

使用lastIndex属性,可以更好地说明y修饰符。

  1. const REGEX = /a/g;
  2. // 指定从2号位置(y)开始匹配
  3. REGEX.lastIndex = 2;
  4. // 匹配成功
  5. const match = REGEX.exec('xaya');
  6. // 在3号位置匹配成功
  7. match.index // 3
  8. // 下一次匹配从4号位开始
  9. REGEX.lastIndex // 4
  10. // 4号位开始匹配失败
  11. REGEX.exec('xaya') // null

上面代码中,lastIndex属性指定每次搜索的开始位置,g修饰符从这个位置开始向后搜索,直到发现匹配为止。

y修饰符同样遵守lastIndex属性,但是要求必须在lastIndex指定的位置发现匹配。

  1. const REGEX = /a/y;
  2. // 指定从2号位置开始匹配
  3. REGEX.lastIndex = 2;
  4. // 不是粘连,匹配失败
  5. REGEX.exec('xaya') // null
  6. // 指定从3号位置开始匹配
  7. REGEX.lastIndex = 3;
  8. // 3号位置是粘连,匹配成功
  9. const match = REGEX.exec('xaya');
  10. match.index // 3
  11. REGEX.lastIndex // 4

实际上,y修饰符号隐含了头部匹配的标志^

  1. /b/y.exec('aba')
  2. // null

上面代码由于不能保证头部匹配,所以返回nully修饰符的设计本意,就是让头部匹配的标志^在全局匹配中都有效。

下面是字符串对象的replace方法的例子。

  1. const REGEX = /a/gy;
  2. 'aaxa'.replace(REGEX, '-') // '--xa'

上面代码中,最后一个a因为不是出现在下一次匹配的头部,所以不会被替换。

单单一个y修饰符对match方法,只能返回第一个匹配,必须与g修饰符联用,才能返回所有匹配。

  1. 'a1a2a3'.match(/a\d/y) // ["a1"]
  2. 'a1a2a3'.match(/a\d/gy) // ["a1", "a2", "a3"]

y修饰符的一个应用,是从字符串提取 token(词元),y修饰符确保了匹配之间不会有漏掉的字符。

  1. const TOKEN_Y = /\s*(\+|[0-9]+)\s*/y;
  2. const TOKEN_G = /\s*(\+|[0-9]+)\s*/g;
  3. tokenize(TOKEN_Y, '3 + 4')
  4. // [ '3', '+', '4' ]
  5. tokenize(TOKEN_G, '3 + 4')
  6. // [ '3', '+', '4' ]
  7. function tokenize(TOKEN_REGEX, str) {
  8. let result = [];
  9. let match;
  10. while (match = TOKEN_REGEX.exec(str)) {
  11. result.push(match[1]);
  12. }
  13. return result;
  14. }

上面代码中,如果字符串里面没有非法字符,y修饰符与g修饰符的提取结果是一样的。但是,一旦出现非法字符,两者的行为就不一样了。

  1. tokenize(TOKEN_Y, '3x + 4')
  2. // [ '3' ]
  3. tokenize(TOKEN_G, '3x + 4')
  4. // [ '3', '+', '4' ]

上面代码中,g修饰符会忽略非法字符,而y修饰符不会,这样就很容易发现错误。