正则表达式 (Regular Expression) 在前端开发中具有非常重要的作用，可以说是开发者必须掌握的一个技能。随着 ES10 发布，正则表达式的使用也得到了更为便利和舒适的升级。
本文将介绍 ES10 正则表达式中已存在的修饰符(Pattern Modifiers)一一解释，包括如何使用这些修饰符来优化开发，以及示例代码等。
什么是正则表达式修饰符？
正则表达式修饰符是一个字符，用于指定搜索方式。常见的正则表达式修饰符有 g、i、m、s、u 和 y 等，其中 g、i、m 最为常见。
以字符串 'Hello World' 为例：
- g：全局搜索；
- i：忽略大小写搜索；
- m：多行搜索。
如何使用正则表达式修饰符？
g：全局搜索
使用 g 修饰符会搜索整个文本，而不仅仅返回第一个匹配项。
const str = 'Hello World'; const regex = /l/g; console.log(str.match(regex)); // ["l", "l"]
上述代码使用 /l/g 正则表达式，匹配文本中的所有字符 "l"，返回数组 ["l", "l"]。
i：忽略大小写搜索
使用 i 修饰符可以忽略大小写进行搜索。
const str = 'Hello World'; const regex = /hello/i; console.log(regex.test(str)); // true
上述代码使用 /hello/i 正则表达式，匹配文本中的字符串 "hello"，忽略大小写，返回 true。
m：多行搜索
使用 m 修饰符可以匹配多行文本。
const str = 'Hello World\nI am here'; const regex = /^\w+/gm; console.log(str.match(regex)); // ["Hello", "I"]
上述代码使用 /^\w+/gm 正则表达式，匹配文本中每一行的第一个单词，返回数组 ["Hello", "I"]。
总结
ES10 正则表达式的修饰符 g、i、m、s、u 和 y 等，通过它们的使用，我们可以轻松地实现对字符串的全局匹配、忽略大小写匹配、多行匹配等操作，进而优化 JS 开发。
在开发过程中，我们可以将这些修饰符应用于不同的场景，以提高代码效率和质量。
更多关于正则表达式的内容可以查看 MDN web 文档。
示例代码
-- -------------------- ---- ------- -- --- -- ----- --- - ------ ------- ----- ----- - ----- ------------------------------ -- ----- ---- -- --- -- ----- --- - ------ ------- ----- ----- - --------- ----------------------------- -- ---- -- --- -- ----- --- - ------ -------- -- ------ ----- ----- - --------- ------------------------------ -- --------- ----
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65016c4a95b1f8cacdf2518c