快捷導(dǎo)航

JS forEach跳出循環(huán)2種實(shí)現(xiàn)方法

更新時(shí)間：2020年06月24日 14:42:13 作者：聽(tīng)風(fēng)是風(fēng)

這篇文章主要介紹了JS forEach跳出循環(huán)2種實(shí)現(xiàn)方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

假設(shè)當(dāng)我們只需知道某個(gè)數(shù)組有沒(méi)有某個(gè)屬性，如果找到了直接跳出循環(huán)，省略掉剩下的循環(huán)步驟是較優(yōu)化的操作，但是for中是可以利用break跳出循環(huán)，但break在forEach中無(wú)效，那么forEach能不能跳出循環(huán)呢？當(dāng)然是可以。

1.正常for循環(huán)break跳出循環(huán)

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結(jié)合try...catch()可以跳出循環(huán)

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;
};

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript中字符串分割函數(shù)split用法實(shí)例
這篇文章主要介紹了JavaScript中字符串分割函數(shù)split用法,實(shí)例分析了javascript中split函數(shù)操作字符串的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
理解JavaScript中的事件
理解JavaScript中的事件...
2006-09-09
JS回調(diào)函數(shù) callback的理解與使用案例分析
這篇文章主要介紹了JS回調(diào)函數(shù) callback的理解與使用,結(jié)合具體案例形式分析了javascript回調(diào)函數(shù)的功能、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-09-09
template.js前端模板引擎使用詳解
本篇文章主要介紹了template.js前端模板引擎使用詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
JS實(shí)現(xiàn)面向?qū)ο罄^承的5種方式分析
這篇文章主要介紹了JS實(shí)現(xiàn)面向?qū)ο罄^承的5種方式,結(jié)合實(shí)例形式分析了JavaScript面向?qū)ο罄^承功能的5種常見(jiàn)實(shí)現(xiàn)方法原理與操作技巧,需要的朋友可以參考下
2018-07-07
artDialog+plupload實(shí)現(xiàn)多文件上傳
這篇文章主要介紹了artDialog+plupload實(shí)現(xiàn)多文件上傳的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
理解JavaScript事件對(duì)象
這篇文章主要為大家介紹了JavaScript事件對(duì)象，了解JavaScript事件
2016-01-01
前端開(kāi)發(fā)基礎(chǔ)javaScript的六大作用
這篇文章主要介紹了前端開(kāi)發(fā)基礎(chǔ)javaScript的六大作用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
js canvas實(shí)現(xiàn)五子棋小游戲
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)五子棋小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
父元素與子iframe相互獲取變量和元素對(duì)象的具體實(shí)現(xiàn)
父元素與子iframe相互獲取變量和元素對(duì)象的方法有很多,本文提供了一些不錯(cuò)的示例另收集網(wǎng)上的一些，可以參考下
2013-10-10