js 如何实现循环跳出请求

最新推荐文章于 2024-08-21 09:02:55 发布

lianjiuxiao

最新推荐文章于 2024-08-21 09:02:55 发布

阅读量564

点赞数

分类专栏： js 文章标签：循环 js

本文链接：https://blog.csdn.net/lianjiuxiao/article/details/116013446

版权

js 专栏收录该内容

63 篇文章 1 订阅

订阅专栏

这篇博客探讨了在JavaScript中如何跳出循环，分别介绍了使用for循环和forEach方法的情况。for循环可以通过break关键字中断，而forEach由于其特性无法直接使用break，但可以利用try-catch和throw实现类似效果。forEach的优势在于其形成的回调函数作用域和函数式编程风格，但需要注意它会遍历完整个数组。

摘要由CSDN通过智能技术生成

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