ES6学习——正则表达式新特性

最新推荐文章于 2022-10-29 17:07:07 发布

kittyjie

最新推荐文章于 2022-10-29 17:07:07 发布

阅读量2.1k

点赞数

分类专栏： ES6 ES6 文章标签： ES6 javascript meta programming regex reflection

本文链接：https://blog.csdn.net/kittyjie/article/details/50636979

版权

ES6 同时被 2 个专栏收录

84 篇文章 1 订阅

订阅专栏

ES6

73 篇文章 23 订阅

订阅专栏

简单说一下正则表达式中新加入的特性：

1）flags属性：

/abc/ig.flags//gi

2）/u unicode标记，Chrome 48都还不支持这个标记

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

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

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

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

'\uD83D\uDE80'.match(/./gu).length//1
'\uD83D\uDE80'.match(/./g).length//2

/\uD83D\uDE80{2}/u.test('\uD83D\uDE80\uD83D\uDE80')//true
/\uD83D\uDE80{2}/.test('\uD83D\uDE80\uD83D\uDE80')//false
/\uD83D\uDE80{2}/.test('\uD83D\uDE80\uDE80')//true

3）/y标记，看一下这个标记对一些函数的影响

这个标记的一个用途就是用来分词：

function tokenize(TOKEN_REGEX, str) {
    let result = [];
    let match;
    while (match = TOKEN_REGEX.exec(str)) {
        result.push(match[1]);
    }
    return result;
}

const TOKEN_GY = /\s*(\+|[0-9]+)\s*/gy;
const TOKEN_G = /\s*(\+|[0-9]+)\s*/g;

tokenize(TOKEN_GY, '3 + 4')//[ '3', '+', '4' ]
tokenize(TOKEN_G, '3 + 4')//[ '3', '+', '4' ]

tokenize(TOKEN_GY, '3x + 4')//[ '3' ]
tokenize(TOKEN_G, '3x + 4')//[ '3', '+', '4' ]