forEach循环里break使用方式详解

目录
  • 一. 在forEach里使用break 会发生什么
  • 二. 为什么不能在forEach里使用break
    • 你真的了解break吗
  • 三.如何在forEach的循环里break？
    • 在forEach里合法的使用break
    • 也可以使用every 或者 some等
  • 总结

一. 在forEach里使用break 会发生什么

大家都知道 js 的 forEach里是不能使用break。但是为什么不能在forEach里使用呢？在forEach里使用break 会发生什么呢？

纸上得来终觉浅，绝知此事要躬行。要想知道发生什么，不妨在代码里验证一下。

let arr = [1, 2, 3, 4, 5];
arr.forEach((item, index) => {
    if (item > 2) {
        break
    }
    console.log(item)
})
// SyntaxError: Illegal break statement (非法中断语句)

在控制台可以看到输出：语法错误。

二. 为什么不能在forEach里使用break

要想知道forEach里为什么不能使用break，必须先要搞清楚break的语法。

你真的了解break吗

break 表示中止当前循环。

语法：break [label];

label：与语句标签相关联的标识符。如果 break 语句不在一个循环或者Switch语句中，则该项是必须的。

我们看一个例子：

我们平时正常使用时

let arr = [1, 2, 3, 4, 5]
for (let i = 0; i < arr.length; i++) {
    if (arr[i] > 2) {
        break // 大于2 跳出整个循环
    }
    console.log(arr[i]) // 1, 2
}

break 与语句标签一起使用时

let arr = [1, 2, 3, 4, 5]
outer_block: // 标识最外层循环
for (let i = 0; i < arr.length; i++) {
    console.log('i', arr[i]) // 1
    inner_block: // 标识里面的for循环
    for (let j = 0; j < arr.length; j++) {
        if (j > 3) {
            break outer_block  // 跳出最外层循环
        }
        console.log('j', arr[j]) // 1, 2, 3, 4
    }
}

输出结果：最外层输出：1，最次层输出：1,2,3,4。可以看出brake终止循环是有条件的。我们在回来看forEach这个问题。

先看下forEach语法：

forEach(callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any): void;

是上面的定义相当于：

Array.prototype.forEach = function(callback) {
    for (let i = 0; i < this.length; i++) {
        callback(this[i], i, this);
    }
};

可以看出：我们在forEach里使用break，其实是在callback里使用break。再明白一点，其实就是相当于你在for循环里这样写：

let arr = [1, 2, 3, 4, 5]
outer_block:
for (let i = 0; i < arr.length; i++) {
    console.log('i', arr[i])
    inner_block1:
    (function() {
        inner_block2:
        break // 报错，不能直接使用break
    })()
}

到这里我想你已经明白了为什么不能在forEach里使用break了。回到本文的题目上来。

三.如何在forEach的循环里break？

查阅MDN，上面有一个备注：

编辑切换为居中

MDN

在forEach里合法的使用break

function breakInForEach(arr) {
	let BreakException = {};
	let res = false;
	try {
	    arr.forEach(item => {
	       if (item === 2) {
	          res = true;
		  throw BreakException;
	        }
	    })
	}
	catch(e) {
	    if (e !== BreakException) throw e
	}
	return res;
}
console.log(foreachBreak([1， 2， 3， 4， 5， 6])); // true

也可以使用every 或者 some等

最推荐的方式呢，就是这种需要break的场景下，直接使用every或者some。

  • every: 碰到return false的时候，循环中止，return true 循环继续；
  • some: 碰到return ture的时候，循环中止，return false 循环继续;

总结

本文介绍了为什么不能在forEach里使用break；在forEach里使用break 会发生什么以及怎样在forEach里使用break，更多关于forEach循环break使用的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • JavaScript使用类似break机制中断forEach循环的方法

    JavaScript数组对象,有一个forEach方法,可枚举每一个数组元素,但并不支持类似for循环的break语法,中断循环: [1,2,3].forEach(function(item) { // if(!item) break; 不支持 }); 解决办法,可抛出一个特殊异常,来中断forEach循环,原理: var BreakException = {}; try { [1, 2, 3].forEach(function(el) { console.log(el); if (el ===

  • js中Array.forEach跳出循环的方法实例

    js中Array.forEach跳出循环的方法实例

    目录 forEach()方法 js中 Array.forEach如何跳出循环 解决方式: 总结 forEach()方法 语法:array.forEach(callback(currentvalue,index,arr) ,thisValue) 其中 callback为数组中每个元素执行的函数,该函数可接受1-3个参数: currentvalue参数表示数组的当前元素项,必须的参数 index参数表示的当前元素下标,可选参数 arr参数表示当前元素所属的数组,可选参数 thisValue表示执行回

  • Js中forEach修改原数组与sort排序经典场景详解

    目录 forEach() 介绍 forEach() 能不能改变原数组? sort() 介绍 如果在使用 sort() 方法时不带参, sort()方法:带参时,自定义排序规则 sort 方法举例:将数组按里面某个字段从小到大排序 总结 forEach() 介绍 forEach()方法需要一个回调函数(这种函数,是由我们创建但是不由我们调用的)作为参数 回调函数中传递三个参数: 第一个参数,就是当前正在遍历的元素 第二个参数,就是当前正在遍历的元素的索引 第三个参数,就是正在遍历的数组 代码举例:

  • 浅谈Java8 的foreach跳出循环break/return

    浅谈Java8 的foreach跳出循环break/return

    java8中跳出循环不能使用break? 通过测试发现: 对于java8中的特殊写法lamada表达式中,不能使用break,会提示错误; java8中使用return,会跳出当前循环,继续下一次循环,作用类似continue; java8中使用foreach,但是不是lamada表达式写法,可以正常使用break或者return,可以直接跳出循环. public class TestForEachJava8 { public static void main(String[] args) {

  • JavaScript中forEach的错误用法汇总

    目录 前言 语法 错误用法 添加或删除原数组中的数据 修改原数组中的数据 回调函数中使用异步函数 使用return结束循环 未传入this 正确用法 总结 前言 使用过forEach的人大致有两种:普通使用,简简单单:复杂使用,总想搞出点花样来,结果一些莫名其妙的bug就出现了,解决这些bug所花费的时间都可以换一种思路实现了,能用作for循环的,又不只是forEach.没错,笔者就是后者,终究是自己“学艺不精”.于是乎,花点时间,结合自己的实际开发经验,再来好好理理forEach. 语法 fo

  • TypeScript遍历Array的方法(for,forEach,every)

    目录 一.for..of 方法 二.for..in 方法 三.for循环 四.forEach 五.every和some Typescript的官方文档 Iterators and Geneators 一.for..of 方法 这是最常用的方法,遍历的值是数组中的value值 let someArray = [1, "string", false]; for (let entry of someArray) {     console.log(entry); // 1, "st

  • forEach循环里break使用方式详解

    forEach循环里break使用方式详解

    目录 一. 在forEach里使用break 会发生什么 二. 为什么不能在forEach里使用break 你真的了解break吗 三.如何在forEach的循环里break? 在forEach里合法的使用break 也可以使用every 或者 some等 总结 一. 在forEach里使用break 会发生什么 大家都知道 js 的 forEach里是不能使用break.但是为什么不能在forEach里使用呢?在forEach里使用break 会发生什么呢? 纸上得来终觉浅,绝知此事要躬行.要

  • Python中断多重循环的几种方式详解

    这篇文章主要介绍了Python中断多重循环的几种方式详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 I. 跳出单循环 不管是什么编程语言,都有可能会有跳出循环的需求,比如枚举时,找到一个满足条件的数就终止.跳出单循环是很简单的,比如 for i in range(10): if i > 5: print i break 然而,我们有时候会需要跳出多重循环,而break只能够跳出一层循环,比如 for i in range(10): for

  • mybatis3.4.6 批量更新 foreach 遍历map 的正确姿势详解

    好久没编码了!最近开始编码遇到一个问题 !一个批量修改的问题,就是mybatis foreach 的使用. 当时使用的场景 ,前端 传逗号拼接的字符串id, 修改id对应数据的数据顺序 ,顺序 就是id 的顺序. 就是一个条件(单个id值) 修改一个值(传入的id的顺序) , 1. 把条件作为Map 的key 修改值是value,用map入参 2.用List<Object> 或者数组 ,把条件和值封装成对象放进list集合或者array数组 3.代码使用for循环调用mapper方法 穿两个参

  • Java中遍历ConcurrentHashMap的四种方式详解

    这篇文章主要介绍了Java中遍历ConcurrentHashMap的四种方式详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 方式一:在for-each循环中使用entries来遍历 System.out.println("方式一:在for-each循环中使用entries来遍历");for (Map.Entry<String, String> entry: map.entrySet()) { System.out.pr

  • Java多线程通信实现方式详解

    这篇文章主要介绍了Java多线程通信实现方式详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 线程通信的方式: 1.共享变量 线程间通信可以通过发送信号,发送信号的一个简单方式是在共享对象的变量里设置信号值.线程A在一个同步块里设置boolean型成员变量hasDataToProcess为true,线程B也在同步代码块里读取hasDataToProcess这个成员变量.这个简单的例子使用了一个持有信号的对象,并提供了set和get方法. pu

  • Java spring的三种注入方式详解流程

    Java spring的三种注入方式详解流程

    目录 设置Spring的作用域 自动注入 @Primary Qualifier @ComponentScan不同的配置对性能的影响 懒加载 三种注入方式 字段注入(IDEA 会提示不推荐) 字段注入的bean类外部不可见 循环依赖问题 构造器注入(官方推荐) set方法注入 设置Spring的作用域 或者使用枚举值设置 单例和多里使用场景 自动注入 @Primary 一个接口有多个实现被spring管理吗,在依赖注入式,spring会不知道注入哪个实现类就会抛出NoUniqueBeanDefin

  • Go语言中循环语句使用的示例详解

    Go语言中循环语句使用的示例详解

    目录 一.概述 1. 循环控制语句 2. 无限循环 二.Go 语言 for 循环 1. 语法 2. for语句执行过程 3. 示例 4. For-each range 循环 三.循环嵌套 1. 语法 2. 示例 四.break 语句 1. 语法 2. 示例 五. continue 语句 1. 语法 2. 示例 六.goto 语句 1. 语法 2. 示例 一.概述 在不少实际问题中有许多具有规律性的重复操作,因此在程序中就需要重复执行某些语句. 循环程序的流程图: Go 语言提供了以下几种类型循环

  • JS实现深拷贝和浅拷贝的方式详解

    目录 一. 基本类型数据拷贝 二. 引用类型数据拷贝 1.浅拷贝 2.深拷贝 说道数据拷贝就离不开数据类型,在JS中数据类型分为基本类型和引用类型 基本类型: number, boolean,string,symbol,bigint,undefined,null 引用类型: object 以及一些标准内置对象 Array.RegExp.String.Map.Set.. 一. 基本类型数据拷贝 基本类型数据都是值类型,存储在栈内存中,每次赋值都是一次复制的过程 var a = 12; var b

  • SpringMVC常用注解载入与处理方式详解

    SpringMVC常用注解载入与处理方式详解

    目录 一 . 前言 二 . RestController 部分 三 . RequestMapping 部分 四 . RequestParam和PathVariable 五 . RequestBody 和 ResponseBody 总结 一 . 前言 这一篇来看一下SpringMVC 中各个注解载入的方式和处理的时机 二 . RestController 部分 RestController 注解主要的作用是Bean的加载 , 值得关注的注解包括 : @Controller 和 @ResponseB

  • classloader类加载器_基于java类的加载方式详解

    基础概念 Classloader 类加载器,用来加载 Java 类到 Java 虚拟机中.与普通程序不同的是.Java程序(class文件)并不是本地的可执行程序.当运行Java程序时,首先运行JVM(Java虚拟机),然后再把Java class加载到JVM里头运行,负责加载Java class的这部分就叫做Class Loader. JVM本身包含了一个ClassLoader称为Bootstrap ClassLoader,和JVM一样,BootstrapClassLoader是用本地代码实现

随机推荐