forEach方法如何跳出循环

Posted 2020-12-11 bao-bei

1.for方法跳出循环

　function getItemById(arr, id) {
        var item = null;
        for (var i = 0; i < arr.length; i++) {
            if (arr[i].id == id) {
                item = arr[i];
                break;
            }
        }
        return item;
    }

2.forEach方法跳出循环

function getItemById(arr, id) {
        var item = null;
        try {
            arr.forEach(function (curItem, i) {
                if (curItem.id == id) {
                    item = curItem;
                    throw Error();
                }
            })
        } catch (e) {
        }
        return item;
    }

3.补充

　　3.1 foreach()不能使用break和continue这两个关键字，foreach和普通的for循环是不同的，它不是普通的遍历，实现continue的效果可以直接使用return。

　　3.2 forEach的优势一个是它的回调函数形成了一个作用域，它的curItem和i不会像for循环一样污染全局变量，再一个是更容易写出来函数式的代码，和map、filter、reduce这些高阶函数是一脉相承的。

　　3.3 forEach()本身无法跳出循环，必须遍历所有的数据才能结束。