将 脚本之家 设为“星标⭐” 第一时间收到文章更新 作者 | koala 来源 | 程序员成长指北（ID：coder_growth）
还在为处理各种复杂的字符匹配而头疼吗？ES2024 带来了一个强大的新特性 —— unicodeSets！让我们一起来看看这个新特性都能做些什么！
什么是 unicodeSets？
想象一下，如果你需要在一个国际化的应用中匹配各种语言的文字、表情符号，甚至是一些特殊符号，传统的正则表达式可能会让你写出一大串复杂的匹配规则。而 unicodeSets（通过 v 修饰符启用）就像是给正则表达式装上了"文字识别器"，让这些工作变得简单多了。
unicodeSets 的三大神器
1. 智能识别：Unicode 属性集合（\p）
还记得要匹配 emoji 时写过的复杂正则吗？现在只需要：
const emojiRegex = /\p{RGI_Emoji}/v;
console.log(emojiRegex.test('🎉')); // true
console.log(emojiRegex.test('A')); // false
// 实用场景：检查用户输入的昵称是否包含 emoji
const hasEmoji = (nickname) => /\p{RGI_Emoji}/v.test(nickname);
console.log(hasEmoji('小明🎉')); // true
2. 集合运算：像玩积木一样组合字符集
就像在玩乐高积木，unicodeSets 让你可以自由组合不同的字符集：
// 差集（--）：想要所有数字，但不要 6 和 9
const notSixNine = /^[\p{Number}--[69]]$/v;
console.log(notSixNine.test('5')); // true
console.log(notSixNine.test('6')); // false
// 交集（&&）：只要英文字母
const asciiLetters = /[\p{ASCII}&&\p{Letter}]/v;
console.log(asciiLetters.test('A')); // true
console.log(asciiLetters.test('1')); // false
// 并集：字母或数字
const lettersOrNumbers = /[\p{Letter}\p{Number}]/v;
console.log(lettersOrNumbers.test('A')); // true
console.log(lettersOrNumbers.test('1')); // true
3. 多字符匹配：\q 转义符
有时候我们需要匹配特定的字符序列，\q 就是为此而生：
// 匹配换行符或特定文本
const lineEndings = /[\q{\r\n|END_OF_LINE}]/v;
console.log(lineEndings.test('\r\n')); // true
console.log(lineEndings.test('END_OF_LINE')); // true
兼容性：新特性的双刃剑
就像所有新技术一样，unicodeSets 也面临着兼容性问题。不过别担心，我们有解决方案！
优雅降级方案
使用 Babel 转译：
// 转译前
const letterRegex = /[\p{ASCII}&&\p{Letter}]/v;
// 转译后
const letterRegex = /[A-Za-z]/;
最佳实践建议：
在项目中统一规范正则表达式的使用 使用 ESLint 插件进行代码检查 为关键功能添加降级方案
实用的 ESLint 配置
// .eslintrc.js
module.exports = {
plugins: ['ts-compat'],
rules: {
'ts-compat/no-regexp-unicode-sets': 'error'
}
}
实战应用场景
让我们看几个实际应用的例子：
化表单验证：
const isValidUsername = (name) => {
// 只允许字母和常见表意文字，不允许emoji
return /^[\p{Letter}--\p{RGI_Emoji}]+$/v.test(name);
};
文本内容分析：
const getTextStats = (text) => {
const letters = (text.match(/\p{Letter}/vg) || []).length;
const digits = (text.match(/\p{Number}/vg) || []).length;
const emojis = (text.match(/\p{RGI_Emoji}/vg) || []).length;
return { letters, digits, emojis };
};
总结
unicodeSets 为正则表达式带来了更强大的字符处理能力，让我们能够更优雅地处理国际化文本。虽然需要注意兼容性问题，但通过合适的工具和规范，我们完全可以驾驭这个强大的新特性。
记住：正则表达式就像一把手术刀，unicodeSets 让这把刀更加锋利，但使用时仍需谨慎。适当的使用可以让代码更简洁优雅，过度使用则可能带来维护困难。希望这篇文章能帮助你更好地理解和使用 unicodeSets。
![]()
推荐阅读：
![]()
推荐阅读：
