【JavaScript】forEach中的坑

梦里梦外; 2022-11-08 15:28 182阅读 0赞

#### 1. forEach不支持break ####

在使用for循环时可以使用break跳出循环，比如我希望找到数组中符合条件的第一个元素就跳出循环，这对于优化数组遍历是非常棒的。很遗憾，forEach并不支持break操作，使用break会导致报错。

let arr = [1, 2, 3, 4],
        i = 0,
        length = arr.length;
     
    for (; i < length; i++) {
        console.log(arr[i]); //1,2
        if (arr[i] === 2) {
            break;
        };
    };
     
    arr.forEach((self,index) => {
        console.log(self);
        if (self === 2) {
            break; //报错
        };
    });

那forEach能不能跳出循环呢？可以，不过不是使用break，而是结合try catch操作。

#### 2. forEach中使用return无效 ####

forEach中使用return不会报错，但return并不会生效，我们来看个例子：

let arr = [1, 2, 3, 4];
    function find(array, num) {
        array.forEach((self, index) => {
            if (self === num) {
                return index;
            };
        });
    };
    let index = find(arr, 2); // undefined

上述代码想要找到数字2在数组中的索引，但return并不会起到终止代码运行并返回值的作用。

当然如果我们真的要用return返回某个值，那就只能将return操作放在函数中，而不是forEach循环中，像这样：

function find(array, num) {
        let _index;
        array.forEach((self, index) => {
            if (self === num) {
                _index = index;
            };
        });
        return _index;
    };

发表评论取消回复

表情：

评论列表（有 0 条评论，182人围观）

还没有评论，来说两句吧...

相关阅读

相关 docker中遇到的坑

-------------------------------------------------------------------------------------...

快来打我*/ 2024年04月17日 05:34/ 0 赞/ 121 阅读

相关【JavaScript】forEach中的坑

1. forEach不支持break 在使用for循环时可以使用break跳出循环，比如我希望找到数组中符合条件的第一个元素就跳出循环，这对于优化数组遍历是非常棒的。很遗

梦里梦外;/ 2022年11月08日 15:28/ 0 赞/ 183 阅读

相关开发中的坑……

本文用于说明本人在某些技术点学习和探索过程中，所遇到的一些常见的、不常见的、比较恶心人的坑，搜索问题时找到的答案中比较up的问答。 ------------

痛定思痛。/ 2022年08月07日 06:50/ 0 赞/ 258 阅读

相关 Disruptor中遇到的坑

经朋友推荐，我在项目采用lmax的disruptor无锁队列框架来实现异步记录监控统计信息。disruptor体积很小，功能强大，一路配置下来，很容易上手，而且经过测试发现确实

Bertha 。/ 2022年05月14日 02:09/ 0 赞/ 595 阅读

相关 lombok中的坑之一

今天在和前端调试接口时发现用lombok@Data,或@Getter/@Setter标注的对象的属性字母大小写有问题 ![20181116152448554.png][]

╰半橙微兮°/ 2022年04月16日 03:58/ 0 赞/ 391 阅读

相关 Spring中遇到的坑

Caused by: org.xml.sax.SAXParseException; lineNumber: 20; columnNumber: 78; cvc-complex-

悠悠/ 2022年03月22日 10:17/ 0 赞/ 356 阅读

相关 SpringAOP中遇到的坑

严重: Caught exception while allowing TestExecutionListener \[org.springframework.test.con

小咪咪/ 2022年03月20日 21:26/ 0 赞/ 411 阅读

相关 react中的坑

1.state的异步更新有时候更新数据，state不会立即更新，但又无法阻止后续操作进行，所以有时候很蛋疼。如何解决？可以使用回调函数的形式。 t

- 日理万妓/ 2022年01月19日 21:09/ 0 赞/ 267 阅读

相关 docker中的一些坑

一、/usr/bin/docker-current: No port specified: xxx:<empty> 1.示例： docker run -d --

墨蓝/ 2022年01月17日 04:17/ 0 赞/ 1878 阅读

相关 mapbox中遇到的坑

位置搜索控件宽度调整无效果 <script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-

我会带着你远行/ 2021年07月25日 20:30/ 0 赞/ 867 阅读