Vue 进阶（幺零七）：arr.forEach() 跳出循环

关注

发布于: 5 小时前

一、前言

我们都知道for循环里要跳出整个循环是使用break，但在数组中用forEach循环如要退出整个循环呢？使用break会报错，使用return也不能跳出循环。

使用break将会报错：

var arr = [1,2,3,4,5];var num = 3;arr.forEach(function(v){  if(v == num) {    break;  }  console.log(v);});

复制代码

使用return也不能跳出整个循环：

var arr = [1,2,3,4,5];var num = 3;arr.forEach(function(v){  if(v == num) {    return;  }  console.log(v);});

复制代码

那么在用forEach()遍历数组时要如何才能跳出循环呢？经过查找资料后，找到以下两种方法可以实现跳出循环。

二、应用 try···catch 捕获异常实现

try{  var array = ["first","second","third","fourth"];  array.forEach(function(item,index){    if(item === "third"){      var a = aaaa;// first second 后就报错，就跳出循环了      throw new Error("ending");//报错，就跳出循环    }else{      log(item);    }  })}catch(e){  if(e.message == "ending"){    log("结束了") ;  }else{    log(e.message);  }}

复制代码

三、应用 arr.some() 或者 arr.every()

some()当内部return true时跳出整个循环：

var arr = [1,2,3,4,5];var num = 3;arr.some(function(v){  if(v == num) {    return true;  }console.log(v);});

复制代码

every()当内部return false时跳出整个循环:

var arr = [1,2,3,4,5];var num = 3;arr.every(function(v){  if(v == num) {    return false;  }else{    console.log(v);    return true;  }});

复制代码

四、拓展阅读

《Vue进阶（幺零六）：子组件处理父组件异步值传递给子组件处理》

发布于: 5 小时前阅读数: 2

原文链接:【http://xie.infoq.cn/article/cc89f1d6ae040d71f983cd1be】。文章转载请联系作者。

No Silver Bullet

关注

No Silver Bullet 2021.07.09 加入

岂曰无衣与子同袍

发布

暂无评论

创作场景

Vue 进阶（幺零七）：arr.forEach() 跳出循环

一、前言

二、应用 try···catch 捕获异常实现

三、应用 arr.some() 或者 arr.every()

四、拓展阅读

No Silver Bullet

评论