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运算精度丢失的2个解决方法

    js运算精度丢失的2个解决方法

    近期在做项目的时候,遇到了一些JS浮点数精度的问题,这个问题其实说大不大,说小不小,下面这篇文章主要给大家介绍了关于js运算精度丢失的2个解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • js实现星星打分效果

    js实现星星打分效果

    这篇文章主要为大家详细介绍了js实现星星打分效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • JavaScript文件上传的常见问题整理

    JavaScript文件上传的常见问题整理

    这篇文章整理了JavaScript文件上传的常见问题,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • JavaScript判断当前时间是在某个时间点之前/之后

    JavaScript判断当前时间是在某个时间点之前/之后

    本文主要介绍了JavaScript判断当前时间是在某个时间点之前/之后,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • JavaScript实现多球运动效果

    JavaScript实现多球运动效果

    这篇文章主要为大家详细介绍了JavaScript实现多球运动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 利用JavaScript制作一个搞怪的兔子动画效果

    利用JavaScript制作一个搞怪的兔子动画效果

    又是一年新春之际,祝福大家兔年快乐!给大家介绍一个有趣的动效(兼容 IE),页面右下角有一只搞怪的兔子,鼠标在页面中悬停时,兔子会跟着做出不同的动作和表情,感兴趣的小伙伴可以了解一下
    2023-01-01
  • javascript 45种缓动效果 非常酷

    javascript 45种缓动效果 非常酷

    javascript 45种缓动效果 非常酷,喜欢的朋友运行下看下效果。
    2011-06-06
  • js实现手机发送验证码功能

    js实现手机发送验证码功能

    本文主要介绍了js实现手机发送验证码功能的示例。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • js/jQuery对象互转(快速操作dom元素)

    js/jQuery对象互转(快速操作dom元素)

    在操作js或者jquery方面相关的元素时,可能会力不从心,因为在使用方法时可能js的会更好一点又或者jquery的会更好一点,真是无从选择啊,接下来将介绍JS/jQuery对象互转实现,方便你快速操作dom元素,感兴趣的朋友可以了解下啊
    2013-02-02
  • JavaScript实现为图片添加水印的方法详解

    JavaScript实现为图片添加水印的方法详解

    在很多地方,我们都可以看到,上传图片的时候,图片都会被加上默认的水印,因此,我们在个人网站进行图片操作时,也可以给它加上自己独特的水印,本文就为大家整理了JS添加图片合文字水印的方法,需要的可以参考一下
    2023-05-05

最新评论