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

    上面代码有两个正则表达式,一个使用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_"]

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

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

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

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

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

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

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

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

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

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

    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. tokenize(TOKEN_G, '3 + 4')
    5. // [ '3', '+', '4' ]
    6. function tokenize(TOKEN_REGEX, str) {
    7. let result = [];
    8. let match;
    9. while (match = TOKEN_REGEX.exec(str)) {
    10. result.push(match[1]);
    11. }
    12. return result;
    13. }

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

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