js 跳出foreach循环

// 示例代码：跳出 foreach 循环

// 方法 1: 使用 for...of 循环替代 forEach
const arr = [1, 2, 3, 4, 5];

for (const value of arr) {
    if (value === 3) {
        break; // 直接使用 break 跳出循环
    }
    console.log(value);
}

// 方法 2: 使用标签（label）和 break
outer: {
    [1, 2, 3, 4, 5].forEach(function(value) {
        if (value === 3) {
            break outer; // 使用标签跳出外部块
        }
        console.log(value);
    });
}

// 方法 3: 使用 try-catch 模拟跳出
try {
    [1, 2, 3, 4, 5].forEach(function(value) {
        if (value === 3) {
            throw new Error('break'); // 抛出错误来模拟 break
        }
        console.log(value);
    });
} catch (e) {
    if (e.message !== 'break') throw e; // 确保只捕获我们抛出的错误
}

解释说明：

1. 方法 1: 使用 for...of 循环替代 forEach，因为 for...of 支持 break 和 continue，而 forEach 不支持。
2. 方法 2: 使用标签（label）和 break 来跳出 forEach 循环。通过在外层定义一个带标签的代码块，可以在 forEach 内部使用 break 跳出整个代码块。
3. 方法 3: 使用 try-catch 模拟跳出 forEach 循环。通过抛出异常并在外层捕获它来实现类似 break 的效果。需要注意的是，这种方法不推荐用于常规逻辑控制，因为它会影响代码的可读性和性能。

如果你只需要一种简单的方式跳出循环，推荐使用 for...of 或者其他支持 break 的循环结构。