forEach方法如何跳出循环

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的优势一个是它的回调函数形成了一个作用874425-20181205144234542-1867776143.jpg域,它的curItem和i不会像for循环一样污染全局变量,再一个是更容易写出来函数式的代码,和map、filter、reduce这些高阶函数是一脉相承的。

3.3 forEach()本身无法跳出循环,必须遍历所有的数据才能结束。参考链接:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注