【技巧】forEach如何跳出循环？

当我们享受到forEach()的便捷时，也要接受他跳出循环困难的不完美。

那么问题来了，forEach()怎么跳出循环？

        不使用就不用跳出了。

我偏要使用forEach()！！！

---

1.跳出本轮循环

let arr = [1, 2, 3, 4]
arr.forEach(item => {
    if (item === 2) {
        return
    }
    console.log(item);    // 1  3  4
})
console.log(arr);    // [1, 2, 3, 4]  原数组

 跳出本轮循环方法相信大家都会，此处不做过多阐述。

---

2.结束循环

2.1 方法1 ：

以上方法不能满足我希望的直接结束循环。

 借助try catch结束循环

let arr = [1, 2, 3, 4]
 try {    // 借助try catch
     arr.forEach(item => {
         console.log(item);  // 输出中断前的item
         if (item === 2) {
             throw Error()  // 当满足条件时，抛出异常。中断循环
         }
     })
 } catch (error) { }
 console.log(arr);    

当满足条件时，抛出异常仅仅为了中断循环，

所以在catch中没有做任何动作。

 

2.2 方法2 ：

先不介绍，看代码体会巧妙之处：

let arr = [1, 2, 3, 4]
arr.forEach(item => {  //遍历数组
    if (item === 2) {
        arr.length = 0 //满足条件时将数组长度改为0
    }
    console.log(item); // 1 2
})
console.log(arr);    // []

虽然此写法非常简单，

但是问题也是较大的。

---