在前端开发中，正则表达式是一种常用的工具，可以用来匹配和处理字符串。在 ES9 中，RegExp 对象新增了一些特性，比如 s (single) 修饰符，可以让 . 匹配任意字符，包括换行符。但是，在使用正则表达式时，有可能会遇到捕获乱码的问题，本文将介绍如何解决这个问题。
问题描述
在使用正则表达式时，如果需要捕获字符串中的某个子串，可以使用 () 进行分组，然后使用 exec 或 match 方法来捕获。例如：
const str = 'Hello, world!'; const re = /(\w+), (\w+)!/; const result = re.exec(str); console.log(result); // ["Hello, world!", "Hello", "world"]
在上面的例子中，我们使用正则表达式 /(\w+), (\w+)!/ 来匹配字符串 'Hello, world!'，并使用 exec 方法来捕获分组，得到的结果是一个数组，其中第一个元素是匹配到的整个子串，后面的元素是分组捕获到的子串。
但是，当字符串中包含非 ASCII 字符时，可能会遇到捕获乱码的问题。例如：
const str = '你好，世界！'; const re = /(\w+), (\w+)!/; const result = re.exec(str); console.log(result); // null
在上面的例子中，我们使用正则表达式 /(\w+), (\w+)!/ 来匹配字符串 '你好，世界！'，但是由于字符串中包含中文字符，而正则表达式中的 \w 只能匹配 ASCII 字符，所以匹配失败，返回 null。
解决方法
要解决在使用 ES9 中的 RegExp 对象时捕获乱码的问题，可以使用 Unicode 属性转义符 \p{}。这个转义符可以匹配所有具有某个 Unicode 属性的字符，例如 \p{L} 可以匹配所有字母字符，包括中文、日文、韩文等。使用 \p{} 转义符时，需要指定一个 Unicode 属性名称，可以在 Unicode 官网上查找所有可用的属性名称。
例如，要匹配字符串 '你好，世界！' 中的中文字符，可以使用正则表达式 /\p{Unified_Ideograph}/，这个正则表达式可以匹配所有汉字。修改上面的例子，可以得到：
const str = '你好，世界！';
const re = /(\p{Unified_Ideograph}+), (\p{Unified_Ideograph}+)!/;
const result = re.exec(str);
console.log(result); // ["你好，世界！", "你好", "世界"]在上面的例子中，我们使用正则表达式 /(\p{Unified_Ideograph}+), (\p{Unified_Ideograph}+)!/ 来匹配字符串 '你好，世界！'，这个正则表达式可以匹配所有汉字，并使用 exec 方法来捕获分组，得到的结果是一个数组，其中第一个元素是匹配到的整个子串，后面的元素是分组捕获到的子串。
总结
在使用 ES9 中的 RegExp 对象时，如果需要匹配字符串中的非 ASCII 字符，可以使用 Unicode 属性转义符 \p{}，这个转义符可以匹配所有具有某个 Unicode 属性的字符。使用 \p{} 转义符时，需要指定一个 Unicode 属性名称，可以在 Unicode 官网上查找所有可用的属性名称。
下面是一个完整的示例代码：
const str = '你好，世界！';
const re = /(\p{Unified_Ideograph}+), (\p{Unified_Ideograph}+)!/;
const result = re.exec(str);
console.log(result); // ["你好，世界！", "你好", "世界"]希望本文对大家在前端开发中使用正则表达式时有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657a55f5d2f5e1655d49b7fd