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


Posted in Javascript onJune 24, 2020

假设当我们只需知道某个数组有没有某个属性,如果找到了直接跳出循环,省略掉剩下的循环步骤是较优化的操作,但是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;
};

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

Javascript 相关文章推荐
用javascript实现的仿Flash广告图片轮换效果
Apr 24 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
jquery中的$(document).ready()与window.onload的区别
Nov 18 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
Jan 24 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
Aug 11 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
js判断鼠标移入移出方向的方法
Jun 24 #Javascript
JS判断数组是否包含某元素实现方法汇总
Jun 24 #Javascript
JS script脚本中async和defer区别详解
Jun 24 #Javascript
javascript实现前端分页效果
Jun 24 #Javascript
JS实现多选框的操作
Jun 24 #Javascript
微信小程序实现发微博功能的示例代码
Jun 24 #Javascript
JavaScript实现答题评分功能页面
Jun 24 #Javascript
You might like
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
PHP判断远程图片或文件是否存在的实现代码
2014/02/20 PHP
PHP 7.0.2 正式版发布
2016/01/08 PHP
详解PHP实现定时任务的五种方法
2016/07/25 PHP
Laravel 模型关联基础教程详解
2019/09/17 PHP
JavaScript中反正弦函数Math.asin()的使用简介
2015/06/14 Javascript
基于jquery插件编写countdown计时器
2016/06/12 Javascript
浅析jQuery 3.0中的Data
2016/06/14 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
2016/07/01 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
2017/03/10 Javascript
JS实现图片预加载之无序预加载功能代码
2017/05/12 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
2020/08/08 Javascript
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
python自动发送邮件脚本
2018/06/20 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
pytorch 预训练层的使用方法
2019/08/20 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
python集成开发环境配置(pycharm)
2020/02/14 Python
python小程序基于Jupyter实现天气查询的方法
2020/03/27 Python
pygame实现弹球游戏
2020/04/14 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
CSS3与动画有关的属性transition、animation、transform对比(史上最全版)
2017/08/18 HTML / CSS
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
大学生2014全国两会学习心得体会
2014/03/10 职场文书
项目合作协议书
2014/04/16 职场文书
公开承诺书格式
2014/05/21 职场文书
汉语言文学毕业求职信
2014/07/17 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
nginx请求限制配置方法
2021/07/09 Servers