ECMAScript 2021 (ES12) 中正则表达式的扩展与使用

正则表达式是前端开发中非常重要的一部分，它可以帮助我们快速地匹配和处理字符串。在 ECMAScript 2021 中，正则表达式得到了一些新的扩展和改进，本文将详细介绍这些新特性并给出使用示例。

正则表达式的新特性

省略捕获组

在以前的版本中，如果我们想要匹配一个字符串中的某个部分，但又不想把它作为捕获组，我们需要使用非捕获组 (?:...)。而在 ECMAScript 2021 中，我们可以使用省略捕获组 (?<name>...) 来实现这个功能，它会匹配括号中的内容，但不会把它作为捕获组，而是将其命名为 name。

const str = 'Hello World';
const pattern = /(?<word>\w+)/;
const result = str.match(pattern);

console.log(result.groups.word); // => 'Hello'

负向前瞻断言

在以前的版本中，我们只能使用正向前瞻断言来匹配某个字符串后面的内容，而在 ECMAScript 2021 中，我们可以使用负向前瞻断言 (?<!...) 来匹配某个字符串前面的内容。

const str = 'Hello World';
const pattern = /(?<!Good )World/;
const result = str.match(pattern);

console.log(result[0]); // => 'World'

Unicode 属性转义

在 ECMAScript 2021 中，我们可以使用 Unicode 属性转义来匹配具有特定 Unicode 属性的字符。例如，我们可以使用 \p{...} 来匹配一个具有特定属性的字符，或者使用 \P{...} 来匹配一个不具有特定属性的字符。

const str = 'Hello 世界';
const pattern = /[\p{L}]+/gu;
const result = str.match(pattern);

console.log(result); // => ['Hello', '世界']

dotAll 标志

在以前的版本中，. 只能匹配除了换行符之外的任何字符，而在 ECMAScript 2021 中，我们可以使用 s 标志来启用 dotAll 模式，使 . 可以匹配任何字符，包括换行符。

const str = 'Hello\nWorld';
const pattern = /Hello.+World/s;
const result = str.match(pattern);

console.log(result[0]); // => 'Hello\nWorld'

正则表达式的使用示例

匹配邮箱地址

const str = 'my.email@example.com';
const pattern = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/;
const result = pattern.test(str);

console.log(result); // => true

匹配 URL

const str = 'https://www.example.com/path/to/file.html';
const pattern = /^(https?:\/\/)?([\w.-]+)\.([a-z]{2,})(\/([\w./-]+)\/)?([\w-]+\.html)?$/i;
const result = pattern.test(str);

console.log(result); // => true

匹配中文字符

const str = '你好，世界！';
const pattern = /[\u4e00-\u9fa5]+/;
const result = str.match(pattern);

console.log(result[0]); // => '你好世界'

总结

ECMAScript 2021 中正则表达式的扩展和改进为我们提供了更加便捷和灵活的字符串匹配方式。通过本文的介绍和示例，相信大家已经对这些新特性有了更深入的了解和掌握。在实际的开发中，我们可以根据实际需求灵活运用这些特性，提高开发效率和代码质量。

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