JS forEach跳出循环2种实现方法

 更新时间:2020年06月24日 14:42:13   作者:听风是风  
这篇文章主要介绍了JS forEach跳出循环2种实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

假设当我们只需知道某个数组有没有某个属性,如果找到了直接跳出循环,省略掉剩下的循环步骤是较优化的操作,但是for中是可以利用break跳出循环,但break在forEach中无效,那么forEach能不能跳出循环呢?当然是可以。

1.正常for循环break跳出循环

let strArr = ['a', 'b', 'c', 'd'],
  i = 0,
  length = strArr.length;
for (; i < length; i++) {
  console.log(strArr[i]);//a
  if(arr[i] === 'a'){
    //do something
  };
  break;
};

2.forEach结合try...catch()可以跳出循环

try {
  var arr = [1, 2, 3, 4];
  arr.forEach(function (item, index) {
    //跳出条件
    if (item === 3) {
      throw new Error("LoopTerminates");
    }
    //do something
    console.log(item);
  });
} catch (e) {
  if (e.message !== "LoopTerminates") throw e;
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 浅谈js获取ModelAndView值的问题

    浅谈js获取ModelAndView值的问题

    下面小编就为大家分享一篇浅谈js获取ModelAndView值的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • 微信小程序多列选择器range-key使用详解

    微信小程序多列选择器range-key使用详解

    这篇文章主要为大家详细介绍了微信小程序多列选择器range-key的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • 跟我学习javascript的执行上下文

    跟我学习javascript的执行上下文

    跟我学习javascript的执行上下文,读完本文后,你应该清楚了解释器做了什么,为什么函数和变量能在声明前使用以及它们的值是如何决定的,需要了解这些内容的朋友可以参考下
    2015-11-11
  • uni-app使用Vite.config.js配置文件的超详细教程

    uni-app使用Vite.config.js配置文件的超详细教程

    这篇文章主要给大家介绍了关于uni-app使用Vite.config.js配置文件的超详细教程,在uniapp开发中,vue.config.js是配置webpack的关键文件之一,也可以说是uniapp项目自定义配置的中心,需要的朋友可以参考下
    2023-12-12
  • JavaScript从数组的indexOf()深入之Object的Property机制

    JavaScript从数组的indexOf()深入之Object的Property机制

    这篇文章主要介绍了JavaScript从数组的indexOf()深入——Object的Property机制的相关资料,需要的朋友可以参考下
    2016-05-05
  • Babel 入门教程学习笔记

    Babel 入门教程学习笔记

    Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,本篇文章主要介绍了Babel 入门教程学习笔记,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • echarts数据可视化实现多个柱状堆叠图顶部显示总数示例

    echarts数据可视化实现多个柱状堆叠图顶部显示总数示例

    这篇文章主要为大家介绍了echarts实现多个柱状堆叠图顶部显示总数示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • js window.event对象详尽解析

    js window.event对象详尽解析

    最近因为工作需要,弄了好多天的js了,老婆一问我在弄 ajax, 一问我在弄js,她都听得没有一点兴趣了,我自己感觉还好,毕竟做出来了东西就有成就感吧,这里把几个有用但是不常见的东西贴出来供大家参考参考
    2009-02-02
  • 详细讲解JavaScript中的this绑定

    详细讲解JavaScript中的this绑定

    在javascript的函数中,除了声明时定义的形参之外,每个函数还可以接收两个附加的参数:this和arguments。这里就讲一下this的作用以及不同场景下它的不同指向。
    2016-10-10
  • HTML元素拖拽功能实现的完整实例

    HTML元素拖拽功能实现的完整实例

    这篇文章主要给大家介绍了关于HTML元素拖拽功能实现的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12

最新评论