在前端开发中，经常会遇到对字符串进行搜索的需求。而有些字符串的搜索条件可能十分复杂，传统的字符串搜索方法已经无法满足需求。ECMAScript 2019 的正则表达式功能提供了解决这些复杂字符串搜索问题的方法。
正则表达式的基本语法
正则表达式是一种特殊的字符串模式，用于匹配另一个字符串。正则表达式使用一些特殊字符和语法来指定模式。下面是一些常用的正则表达式语法：
/pattern/：用斜杠包裹起来的模式字符串，表示一个正则表达式。pattern可以是任何有效的正则表达式。^：匹配输入的开始位置。$：匹配输入的结束位置。.：匹配除换行符(\n, \r)之外的任何单个字符。*：匹配前面的子表达式零次或多次。+：匹配前面的子表达式一次或多次。?：匹配前面的子表达式零次或一次。(): 把括号里的表达式分组，并用分组号捕获其匹配的文本。[]: 匹配括号中的任何一个字符。|：用于匹配在两个选项中的任何一个。
ECMAScript 2019 的新增功能
ECMAScript 2019 加入了一些正则表达式的新功能，进一步扩展了其能力。
后行断言
后行断言是一种新的正则表达式语法，用于查找满足条件的字符串之后的位置。它以 (?<=pattern) 的形式出现，其中的 pattern 是一个子表达式，用于匹配后面的位置。例如：
const str = 'hello world'; const result = /\w+(?<=o)/.exec(str); // 匹配 “llo”
这个例子中，后行断言 (?<=o) 指定了一个条件，即要查找其后面是 "o" 的单词。因此，正则表达式 /\w+(?<=o)/ 只会匹配单词 "llo"，它的前面是一个 "o"。
前行断言
前行断言和后行断言类似，只不过是在查找前面的位置。它以 (?=pattern) 的形式出现，其中的 pattern 也是一个子表达式，用于匹配前面的位置。例如：
const str = 'hello world'; const result = /(?<=he)\w+/.exec(str); // 匹配 “llo”
这个例子中，前行断言 (?<=he) 指定了一个条件，即要查找其前面是 "he" 的单词。因此，正则表达式 /(?<=he)\w+/ 只会匹配单词 "llo"，它的前面是 "he"。
示例
下面是一个使用 ECMAScript 2019 正则表达式功能解决复杂字符串搜索问题的示例。假设我们需要从一段文本中查找包含 “JavaScript” 和 “CSS” 两个关键字的段落。我们可以使用新的正则表达式功能来实现：
-- -------------------- ---- ------- ----- ---- - - ---------------------------------- ------------------------------------------------------------------------ - --- --------------- ---- - --- --------------------------------------------------- ------------------------------------------------ ------ --- ------ -- -- ---- ------------ - ----- --- ----- ----- - ----------------------------------- ----- ------- - ----------------- ------------------------ -- ---- ------------ - ----- ---
这个例子中，我们使用正则表达式 /(.+?)(?=(JavaScript))(?=(CSS))/gs 来查找包含 “JavaScript” 和 “CSS” 的段落。其中的 (?=(JavaScript)) 和 (?=(CSS)) 表示前行断言，分别用于匹配前面是 “JavaScript” 和 “CSS” 的段落。s 标志表示 . 匹配任何字符，包括换行符。结果会存储在一个数组中，其中 [1] 表示捕获到的段落。
总结
正则表达式是一种强大的字符串匹配工具，在前端开发中扮演着十分重要的角色。ECMAScript 2019 的新增功能使得正则表达式在搜索复杂字符串时更加方便和灵活。同时，使用正则表达式也需要谨慎，应该使用尽可能简单的语法以保证可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d55720b5eee0b525d2a6f6