JS中为何forEach遍历正则数组无法正确判断字符串匹配？

我正在开发一个模块化函数，用来判断字符串是否匹配传入的任意正则表达式。相关上下文代码如下：

// 存放正则表达式的对象
const regex = {
    uppercase: /(?=.*[A-Z])/,  // 匹配大写字母
    digits: /(?=.*\d)/,        // 匹配数字
};

// 待匹配的文本
const text = "Hello World";  // 包含大写和小写字母

// 调用函数
console.log(contains(text, regex.uppercase, regex.digits));  // 预期输出：`true`，因为存在'H'和'W'

但使用forEach()遍历正则数组的函数始终返回false：

function contains(str, ...pattern) {  // 接收待匹配文本和正则表达式列表
    pattern.forEach((regex) => {  // 遍历每个正则表达式
        if (regex.test(str)) {  // 检查当前正则是否匹配字符串
            return true;  // 若匹配则返回true
        }
    });

    return false;  // 若没有正则匹配则返回false
}

而使用for of循环的版本可以正常工作：

function contains(str, ...pattern) {  // 接收待匹配文本和正则表达式列表
    for (const regex of pattern) {  // 遍历每个正则表达式
        if (regex.test(str)) {  // 检查当前正则是否匹配字符串
            return true;  // 若匹配则返回true
        }
    }

    return false;  // 若没有正则匹配则返回false
}

二者逻辑看似一致，为什么forEach()的方法无法正常工作？

核心原因 #

问题出在forEach的回调函数作用域上：

• 你在forEach回调里写的return true，只会终止当前这一次的回调执行，既不会中断整个forEach循环，也不会让外层的contains函数返回true。
• 不管有没有找到匹配的正则，forEach都会遍历完所有元素，之后代码会走到contains函数末尾的return false，所以最终永远返回false。

而for of循环是直接在contains函数的作用域内执行的，当循环里触发return true时，会直接终止整个contains函数的执行，并返回true，完全符合你想要的“找到任意匹配就返回true”的逻辑。

替代实现方案 #

如果想用数组方法实现相同逻辑，更合适的是用Array.prototype.some()——它专门用来判断数组中是否存在满足条件的元素，并且会在找到第一个匹配项时立即终止遍历，效率更高：

function contains(str, ...pattern) {
    return pattern.some(regex => regex.test(str));
}

如果一定要用forEach，可以通过一个变量记录匹配状态：

function contains(str, ...pattern) {
    let hasMatch = false;
    pattern.forEach((regex) => {
        if (regex.test(str)) {
            hasMatch = true;
            // 注意：forEach无法提前终止遍历，这里即使设为true，后续元素还是会被遍历
        }
    });
    return hasMatch;
}

内容的提问来源于stack exchange，提问作者vulopez