forEach ,filter,some三个循环遍历方法的区别

最新推荐文章于 2024-11-13 10:11:55 发布

webshitian

最新推荐文章于 2024-11-13 10:11:55 发布

阅读量788

点赞数

CC 4.0 BY-SA版权

分类专栏： js web前端开发

本文链接：https://blog.youkuaiyun.com/qq_42943107/article/details/99603752

web前端开发同时被 2 个专栏收录

20 篇文章

订阅专栏

8 篇文章

订阅专栏

本文深入解析JavaScript中数组的三种核心方法：forEach用于遍历数组但不返回数据；filter实现数据筛选，返回符合条件的元素；some则用于判断数组中是否存在满足条件的元素，返回布尔值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

forEach

上代码:

    var nums = [10,20,30,40,50,60,70,80,90];
            var res = nums.forEach(function(item,index){
                if(item==60){
                    return;
                }
                console.log(item+"==="+index);
            })
            console.log(res);

运行结果:
在这里插入图片描述
结论：
forEach仅仅是用来循环遍历数组的，没有真正数据的返回值有return也不会阻止后续代码的执行

filter

上代码

var nums = [10,20,30,40,50,60,70,80,90];
        var res = nums.filter(function(item,index){
            if(item==60){
                //return true 所在的那一项存在数组当中
                return true;
            }
            console.log(item+"=="+index)
        })
        console.log(res);

var salary =  [3200,1800,1600,2500,6200,1900,4800];
        var arr1 = salary.filter(function(item,index){
            if(item>3000){
                return true;
            }
            console.log(item+"=="+index)
        })
console.log(arr1);

运行结果:
在这里插入图片描述

结论：
fliter是过滤的意思，是可以将满足条件的数据给筛选出来，返回值是满足条件的数据

some

代码：

    var nums = [10,20,30,40,50,60,70,80,90];
            var res = nums.some(function(item,index){
                if(item==60){
                    return true;
                }
                console.log(res+"====="+index);
            })
            console.log(res);