正则表达式在前端开发中非常常见，以至于每个前端开发者都应该对其进行深入学习和实践。在 ES8 中，RegExp 构造函数提供了一种方便的方式来构造正则表达式对象，使得正则表达式的创建和使用更加简单。
RegExp 构造函数
RegExp 构造函数可以接收两个参数，第一个是正则表达式字符串，第二个是标志字符串。例如：
const regex = new RegExp('ab+c', 'i');这个正则表达式是用来匹配一个或多个 'a'，接着是一个或多个 'b'，最后是一个 'c'。而标志字符串 'i' 表示这个正则表达式使用不区分大小写的匹配方式。
正则表达式匹配
RegExp 构造函数创建的正则表达式对象可以在字符串上进行匹配。有两种方法可以使用正则表达式对象来匹配字符串。
test() 方法
test() 方法在正则表达式与一个字符串匹配时返回 true 或 false。例如：
const regex = new RegExp('abc');
const string = 'abcdefghijklmnopqrstuvwxyz';
regex.test(string); // trueexec() 方法
如果一个字符串与正则表达式匹配成功，则 exec() 方法返回一个数组，数组中包含了所有与正则表达式相匹配的结果。例如：
const regex = new RegExp('\\d+', 'g');
const string = '1 plus 2 equals 3';
let match;
while ((match = regex.exec(string)) !== null) {
console.log(`Matched ${match[0]} at ${match.index}`);
}在这个例子中，正则表达式用来匹配字符串中的数字。当 exec() 方法成功匹配一次后，继续匹配下一个匹配项，直至所有匹配项均被匹配完毕。
标志字符串
RegExp 构造函数的第二个参数可以传入标志字符串，标志字符串用来控制正则表达式的匹配行为。
g 标志
g 标志表示全局匹配，即匹配字符串中所有的匹配项。
const regex = new RegExp('a', 'g');
const string = 'abcdefghijklmnopqrstuvwxyz';
let match;
while ((match = regex.exec(string)) !== null) {
console.log(`Matched ${match[0]} at ${match.index}`);
}在这个例子中，正则表达式用来匹配字符串中的所有 'a'。
i 标志
i 标志表示不区分大小写的匹配，即在匹配时忽略英文字母的大小写。
const regex = new RegExp('A', 'i');
const string = 'abcdefghijklmnopqrstuvwxyz';
regex.test(string); // true在这个例子中，正则表达式用来匹配字符串中的不区分大小写的 'a'。
特殊字符转义
在正则表达式中，一些字符有着特殊的意义，例如 .*+?()[]{}|^$.。如果在正则表达式中使用这些字符时，需要用反斜杠来转义。例如：
const regex = new RegExp('\\.', 'g');
const string = 'abc.def.ghi';
let match;
while ((match = regex.exec(string)) !== null) {
console.log(`Matched ${match[0]} at ${match.index}`);
}在这个例子中，正则表达式用来匹配字符串中的点号 '。'
示例代码
-- -------------------- ---- ------- -- --------- ----- ----- - --- -------------- ----- ----- ------ - -- ---- - ------ --- --- ------ ----- ------- - ------------------- --- ----- - -------------------- ----------- -- ----------------- - -- --------- --- ----- ------ - --- ----------- ----- ----- ------- - ----------------------------- --- ------- ----- -------- - --------------------- --- ----- - -------------------- ------------ -- ------------------ - -- -------------- --- ----- ------ - --- ----------- ----- ----- ------- - ----------------------------- --------------------- -- ---- -- --------- --- ----- ------ - --- ------------- ----- ----- ------- - -------------- --- ------- ----- -------- - --------------------- --- ----- - -------------------- ------------ -- ------------------ -
总结
在 ES8 中，利用 RegExp 构造函数可以更加方便地创建和使用正则表达式。通过掌握正则表达式的基本语法和 RegExp 构造函数的使用，可以提高应用程序的性能和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6480c5e548841e989404a71c