正则表达式 exec() 方法返回 null 的原因

正则表达式是前端开发中常用的一个工具，可以用来验证、匹配和替换字符串。在正则表达式中，exec() 方法是用来执行匹配操作并返回结果的方法。然而，在某些情况下，该方法可能会返回 null，这是由以下几个原因造成的。

1. 没有匹配到任何字符

当给定的字符串与正则表达式不匹配时，exec() 方法将返回 null。例如，下面的代码中，正则表达式 /hello/ 与字符串 "world" 不匹配，因此返回值为 null。

const regex = /hello/;
const str = 'world';
const result = regex.exec(str);
console.log(result); // null

2. 没有全局标志 g

如果正则表达式没有设置全局标志 g，则每次调用 exec() 方法时，它都将从上次匹配结束的位置开始搜索。如果搜索到末尾还没有找到匹配项，则返回 null。例如，下面的代码中，正则表达式只能匹配一次，因此第二次调用 exec() 方法时返回 null。

const regex = /hello/;
const str = 'hello world';
let result = regex.exec(str);
console.log(result); // ['hello']
result = regex.exec(str);
console.log(result); // null

如果要多次匹配，需要设置全局标志 g，例如：

const regex = /hello/g;
const str = 'hello world';
let result = regex.exec(str);
console.log(result); // ['hello']
result = regex.exec(str);
console.log(result); // null

3. 使用了捕获分组

在正则表达式中，使用圆括号可以创建一个捕获分组，用于提取匹配到的字符串。如果正则表达式中包含捕获分组，则返回结果将是一个数组，第一个元素为匹配到的字符串，后面的元素为捕获分组中匹配到的字符串。如果没有匹配到任何字符，则返回 null。例如，下面的代码中，正则表达式包含一个捕获分组，因此返回值是一个数组。

const regex = /(\d{4})-(\d{2})-(\d{2})/;
const str = '2022-04-07';
const result = regex.exec(str);
console.log(result); // ['2022-04-07', '2022', '04', '07']

总结

当 exec() 方法返回 null 时，需要检查以上三个原因，找出导致问题的根本原因。同时，我们也应该注意正则表达式的书写规范，以避免出现不必要的错误。

希望本文对你理解 exec() 方法的返回值有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14805