JS中正则表达式要注意lastIndex属性

JavaScript中的正则表达式是一种特殊的对象类型，用来匹配字符串中的模式。在正则表达式匹配时，需要注意到lastIndex属性。

lastIndex属性介绍

lastIndex是RegExp对象的一个属性，表示正则表达式匹配下一个字符的位置。当进行全局匹配时，每次匹配都是从上一次匹配完成后lastIndex处继续查找。当进行非全局匹配时，lastIndex始终为0。

下面是一个示例：

const reg = /hello/g;
const str = "hello world, hello js";
console.log(reg.lastIndex); // 0
reg.test(str);
console.log(reg.lastIndex); // 5
reg.test(str);
console.log(reg.lastIndex); // 13
reg.test(str);
console.log(reg.lastIndex); // 0

在上面的代码中，将正则表达式 /hello/g 与字符串 "hello world, hello js" 进行全局匹配，从第一个字符开始匹配，找到了两个“hello”字符串。在第一次匹配后，lastIndex属性的值为5，表示下一次从第5个字符开始匹配。第二次匹配找到了第二个“hello”，lastIndex属性的值为13，表示第三次匹配从第13个字符开始。最后一次匹配时，由于已经匹配到字符串末尾，lastIndex属性的值被重置为0。

lastIndex属性在replace中的应用

在使用replace方法时，lastIndex属性也会被用到。

下面是一个示例：

const reg = /hello/g;
const str = "hello world, hello js";
const newStr = str.replace(reg, "Hi");
console.log(newStr); // Hi world, Hi js

这里将所有的 "hello" 替换为 "Hi"。因为使用了全局匹配，replace将按顺序处理输入字符串中所有匹配的子字符串。

下面来看一个含有正则表达式和回调函数的replace示例：

const str = "hello world, hello js";
const reg = /hello/g;
const newStr = str.replace(reg, function(match) {
  console.log(reg.lastIndex);
  return "Hi " + match;
});
console.log(newStr); // Hi hello world, Hi hello js

此例将所有的 "hello" 替换为 "Hi hello"，并在控制台中输出lastIndex属性的值。运行结果显示，lastIndex属性在回调函数中起到了作用，表示下一个字符的位置。

总结

在使用JS的正则表达式时，lastIndex属性在全局匹配和replace等场合中都会被用到，需要特别注意。尤其是lastIndex可能隐式的改变，因此在使用前和使用后进行检查是很必要的。