在 JavaScript 开发中，我们时常需要使用正则表达式对文本进行匹配和替换。而 .exec() 方法则是其中最为常用的方法之一。但是，你可能会遇到一个让你困惑不解的问题：为什么同样的正则表达式，在不同的文本输入下执行 .exec() 方法会返回不同的结果呢？本文将深入分析这个问题，并提供一些实用的指导意义。
为什么会出现这种情况？
首先，让我们看看 .exec() 方法的定义：
RegExpObject.exec(string)
. exec() 方法执行正则表达式与字符串的匹配，如果匹配成功，则返回一个数组，包含匹配的信息；否则返回 null。
然而，需要注意的是，每次执行 .exec() 方法时，都会从上一次匹配结束的位置继续向后查找，而不是从字符串开头重新开始查找。这也就意味着，当你多次使用 .exec() 方法来匹配同一个字符串时，它们返回的结果可能是不同的。
举个例子：
const regex = /hello/g; const str = 'hello world, hello javascript!'; console.log(regex.exec(str)); // ["hello"] console.log(regex.exec(str)); // ["hello"] console.log(regex.exec(str)); // null
在上面的代码中，我们定义了一个正则表达式 /hello/g，并对字符串 'hello world, hello javascript!' 进行了三次匹配。第一次和第二次分别返回了 ["hello"]，但第三次却返回了 null，这是为什么呢？
因为第一次和第二次执行 .exec() 方法时，它们都从字符串开头开始查找，并找到了第一个匹配的子串 "hello"；而在第三次执行 .exec() 方法时，由于已经到达了字符串末尾，因此再次执行就无法找到与正则表达式匹配的子串了，所以返回了 null。
如何解决这个问题？
针对上述问题，我们可以采用以下两种方式来解决：
使用 global 标志位
在上面的代码中，我们给正则表达式添加了一个全局标志位 g。这就意味着每次执行 .exec() 方法时，都会从上一次匹配的结束位置继续向后查找，而不是从字符串开头重新开始查找。因此，使用全局标志位的正则表达式可以避免上述问题。
举个例子：
const regex = /hello/g; const str = 'hello world, hello javascript!'; console.log(regex.exec(str)); // ["hello"] console.log(regex.exec(str)); // ["hello"] console.log(regex.exec(str)); // null
在上面的代码中，我们定义了一个正则表达式 /hello/g，并对字符串 'hello world, hello javascript!' 进行了三次匹配。由于我们给正则表达式添加了全局标志位 g，因此每次执行 .exec() 方法时都会从上一次匹配结束的位置开始查找，而不是从字符串开头重新查找。因此，三次执行 .exec() 方法都返回了 ["hello"]。
将正则表达式对象重置
另一种解决方法是，在每次使用 .exec() 方法前，将正则表达式对象的 lastIndex 属性设置为 0。这样可以强制它从字符串开头重新开始查找，避免出现上述问题。
举个例子：
-- -------------------- ---- ------- ----- ----- - -------- ----- --- - ------ ------ ----- ------------- ----------------------------- -- --------- ----------------------------- -- --------- ----------------------------- -- ---- --------------- - -- ----------------------------- -- --------- ---------------------- - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------