JS中的 map, forEach 无法跳出循环,every 和 some的使用

最新推荐文章于 2025-02-10 17:01:19 发布

JuS巨山超力霸

最新推荐文章于 2025-02-10 17:01:19 发布

阅读量2.3k

点赞数 2

文章标签： vue.js typescript node.js

本文链接：https://blog.youkuaiyun.com/m0_49623851/article/details/128487711

版权

本文探讨了JavaScript中遍历数组的不同方法及其特点，包括map、forEach、every、some及for循环等，并介绍了如何利用这些方法有效地进行条件判断和数据处理。

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

在项目中遍历数组的时候，使用到了array.map
在循环里面需要进行判断，只要有一项满足条件就返回false
发现效果不对，debug一下才发现，return没有真正退出循环。

下面探索一下正确的跳出循环方案~~

1.map

使用return不能跳出循环

  let arr = [1,2,3];
    arr.map((item)=>{
        if(item == 2){
            return false
        }
        console.log(item)
    })

使用break报错

 let arr = [1,2,3];
    arr.map((item)=>{
        if(item == 2){
            break;
        }
        console.log(item)
    })

使用return不能跳出循环

 let arr = [1,2,3];
    arr.forEach((item)=>{
        if(item == 2){
            return false
        }
        console.log(item)
    })

使用break报错

let arr = [1,2,3];
    arr.forEach((item)=>{
        if(item == 2){
          break;
        }
        console.log(item)
    })

判断数组中是否所有元素都满足条件

every()方法会遍历数组的每一项，如果有有一项不满足条件，则表达式返回false,剩余的项将不会再执行检测；如果遍历完数组后，每一项都符合条件，则返回true。

return true : 循环继续当前元素满足条件,继续判断,如果循环执行完毕还是true,则every的返回值就是true

return false : 循环结束,当前元素不满足条件,every的返回值也是false

let arr = [1,2,3];
    arr.every((item)=>{
        if(item == 2){
          return false
        }
        console.log(item)
    })

判断数组中是否有满足条件的元素

return true : 循环结束,找到了满足条件的元素

return false : 循环继续,没找到循环继续,如果所有元素全部遍历还是没找到,最终结果为false

let arr = [1,2,3];
    arr.some((item)=>{
        if(item == 2){
          return true
        }
        console.log(item)
    })

5.for循环使用return 和 break 都可以跳出循环