27、JavaScript 正则表达式与浏览器开发全解析

JavaScript 正则表达式与浏览器开发全解析

1. 正则表达式动态构建

在字符串匹配中，有时需要动态构建正则表达式。例如，要在字符串中匹配多个用户名，直接将这些用户名写成正则表达式字面量并不现实。这时， RegExp 构造函数就派上用场了，它可以从字符串动态构建正则表达式。

示例代码

const users = ["mary", "nick", "arthur", "sam", "yvette"];
const text = "User @arthur started the backup and 15:15, " +
    "and @nick and @yvette restored it at 18:35.";
const userRegex = new RegExp(`@(?:${users.join('|')})\\b`, 'g');
text.match(userRegex);  // [ "@arthur", "@nick", "@yvette" ]

代码解释

• users 数组包含了要匹配的用户名。
• text 是要进行匹配的字符串。
• userRegex 使用 RegExp 构造函数动态构建正则表达式。其中， users.join('|') 将用户名用 | 连