小心正则test()匹配的坑

前端

2023-09-23 05:18:37

1. 正则表达式介绍

正则表达式是一种特殊形式的字符串，用于指定一系列遵循某种模式的字符串。它们在JavaScript中使用RegExp对象来创建和使用。

2. 正则表达式测试

test()方法是RegExp对象的内置方法之一，用于测试一个字符串是否符合正则表达式。如果字符串中包含正则表达式指定的模式，则返回true；否则，返回false。

3. 正则表达式 test() 匹配的坑

在使用test()方法时，需要注意一个常见的陷阱：当正则表达式中包含量词（如*、+、?等）时，test()方法只会匹配字符串中的第一个符合模式的子串。

4. 坑的原因分析

这是因为量词在正则表达式中的作用是匹配一个或多个字符，而test()方法在字符串中找到第一个符合模式的子串后，就会停止匹配。

5. 如何避免该坑

避免该问题的最简单的方法是使用exec()方法。exec()方法与test()方法类似，但它会返回一个包含匹配结果的数组。如果正则表达式中包含量词，则数组中会包含所有匹配的子串。

6. 实例演示

以下是一个使用test()方法和exec()方法来判断字符串中是否存在某个子字符的示例：

// 使用test()方法
const regex = /ab*/g;
const str = "ababab";
console.log(regex.test(str)); // true

// 使用exec()方法
const regex2 = /ab*/g;
const str2 = "ababab";
const result = regex2.exec(str2);
console.log(result); // ["ab", index: 0, input: "ababab", groups: undefined]

// 使用exec()方法匹配所有子串
const regex3 = /ab*/g;
const str3 = "ababab";
const result3 = [];
while ((result = regex3.exec(str3)) !== null) {
  result3.push(result);
}
console.log(result3); // [["ab", index: 0, input: "ababab", groups: undefined], ["ab", index: 2, input: "ababab", groups: undefined], ["ab", index: 4, input: "ababab", groups: undefined]]