随笔 - 94  文章 - 1  评论 - 2  阅读 - 19万

forEach陷阱

前言:forEach没有返回值!!!设置了返回值也没有返回值。

一、for循环的对比

复制代码
    var arr = [1,2,3,4,5];
     
    function test(){
        for(var i =0; i<arr.length; i++){    
            if(arr[i]== 3){
                return '找到3了,并终止了循环';
            }    
            console.log(arr[i]);
        }
    }
    test();
复制代码

运行结果:输出了1,2。 并且终止了循环。没有继续输出后面的4,5;

 

②、console.log(test());

 

复制代码
var arr = [1,2,3,4,5];
 
function test(){
    for(var i =0; i<arr.length; i++){    
        if(arr[i]== 3){
            return '找到3了,并终止了循环';
        }    
        console.log(arr[i]);
    }
}
console.log(test());
复制代码

 

 

二、forEach循环的对比

复制代码
var arr = [1,2,3,4,5];
function test2(){
    arr.forEach(function(item){
       if(item == 3) {
           return '找到3了,并跳过了本次循环';
       }
       console.log(item);
    });    
}
test2();

复制代码

运行结果:输出了1,2,4,5。 并没有终止循环,而是当item==3的时候,跳出了本次循环

②、console.log(test2());

 

 ②、console.log(test2());

复制代码
var arr = [1,2,3,4,5];
function test2(){
    arr.forEach(function(item){
       if(item == 3) {
           return '找到3了,并跳过了本次循环';
       }
       console.log(item);
    });    
}
console.log(test2());
复制代码

运行结果:输出了1,2,4,5,undefined。 并没有输出我们需要的结果,而是返回了一个undefined。

 

 

三、解决方案

 

 Array.some()的应用

复制代码
var arr = [1,2,3,4,5];
function test3(){
    arr.some(function(item){
       if(item == 3) {
           return '找到了3,并终止了循环';
       }
       console.log(item);
    });    
}
console.log(test3());
复制代码

运行结果:输出了1,2,undefined。 终止了循环,但是没有输出我们需要的结果,而是返回了一个undefined。

 

 Array.every()结果和some()结果一样

转自https://blog.csdn.net/w390058785/article/details/79916266

posted on   嗯嗯呢  阅读(1646)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· 99%的人不知道,桥接模式失败的真正原因是它!
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
< 2025年1月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示