使用 ES9 的 “Unicode Property Escapes” 清理和验证输入数据

在前端开发中，处理输入数据并保证其有效性是一个很重要的任务。ES9 引入了新的特性 “Unicode Property Escapes” ，可以非常方便地清理和验证输入数据。本文将介绍如何使用这个新特性来处理输入数据，以及一些实用的示例代码。

什么是 “Unicode Property Escapes”？

Unicode Property Escapes 是一种用于匹配 Unicode 字符集的正则表达式特性。它可以通过 Unicode 属性和类别来识别字符，从而方便地对输入数据进行验证和清理。

如何使用 “Unicode Property Escapes”？

在 ES9 中，我们可以使用 \p{Property=Value} 和 \p{Property} 格式来匹配某个指定属性或属性集合的 Unicode 字符。其中 Property 是 Unicode 属性名称，Value 是属性的特定值（可选）。

以匹配所有汉字为例，我们可以使用如下正则表达式：

const re = /[\p{Script=Han}]/gu;

在上面的表达式中，[\p{Script=Han}] 表示匹配所有汉字。其中 \p{Script} 属性名称表示脚本，Han 是脚本的特定值，代表汉字。

需要注意的是，在使用 “Unicode Property Escapes” 时，必须将正则表达式字面量中的 u 标记，因为此标记控制 JavaScript 引擎把代码解析为 Unicode。

示例代码

验证输入为纯中英文字符

function isPureChineseOrEnglish(str) {
  const re = /^[\p{Script=Han}\p{L}\s]+$/u;
  return re.test(str);
}

console.log(isPureChineseOrEnglish("汉字 and 英文")); // true
console.log(isPureChineseOrEnglish("中文符号，123")); // false

在上述代码中，我们使用正则表达式 /^[\p{Script=Han}\p{L}\s]+$/u 来验证输入字符串是否为纯中文或英文字符。其中，\p{L} 匹配任意 Unicode 字母字符，\s 匹配任意 Unicode 空白符。

过滤输入的特殊字符

function sanitizeInput(str) {
  const re = /[\p{P}\p{S}]/gu;
  return str.replace(re, "");
}

console.log(sanitizeInput("中文符号，123（和）@#￥%")); // 中文符号和123和
console.log(sanitizeInput("only english alpha&char#s")); // only english alphas and chars

上述代码中，我们使用正则表达式 /[\p{P}\p{S}]/gu 来匹配所有 Unicode 标点符号（\p{P}）和其他符号（\p{S}），并将其替换为空字符串，从而实现输入数据的过滤。

总结

通过使用 ES9 新的特性 “Unicode Property Escapes”，我们可以轻松地处理输入数据并保证其有效性。本文介绍了使用这个特性的方法及其示例代码，希望对大家有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6451618c675af4061b5464ed