javascript 循环数组的六种方式

循环数组的六种方式 for in, for of, for, forEach, map, filter

其中for in, for of, for 能直接使用break, continue中断循环

forEach, map, filter 不能使用break continue中断循环,而是使用 return flase,try ctach 抛出异常来中断循环

tip:函数作为参数的循环，直接拿数组的值！！

1.for in 可以使用break continue

let list = [{name:'cookie'},{age: 18}
]// for in 可以使用break continue
for(let i in list) {console.log(i); // 0 1console.log(list[i]); // {name:'cookie'}, {age: 18}if(list[i].name == 'cookie') {break}console.log(list[i]);  //没有值输出   break 满足条件，直接退出循环if(list[i].name == 'cookie') {continue}console.log(list[i]); // {age: 18}
}

2.for of 能使用break continue

// for of 能使用break continue
for (const i of list) {console.log(i); // {name:'cookie'}, {age: 18}if(i.name == 'cookie') {break }console.log(i); //没有值输出   break 满足条件，直接退出循环if(i.name == 'cookie') {continue // 中断此次循环 但是不会跳出循环}console.log(i); // {age: 18}
}

3.for 可以使用break continue

// for 可以使用break continue
for (let i = 0; i < list.length; i++) {console.log(i); // 0 1console.log(list[i]) // {name:'cookie'}, {age: 18}if(list[i].name == 'cookie') {break}console.log(list[i]); //没有值输出   break 满足条件，直接退出循环if(list[i].name == 'cookie') {continue}console.log(list[i]); // {age: 18}
}

4. forEach不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

// forEach不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常 来结束整个循环
list.forEach((i,index) => {console.log(i); // {name:'cookie'}, {age: 18}console.log(index); // 0 1if(list[i].name == 'cookie') {break  // forEach不能使用break  Uncaught SyntaxError: Illegal break statement }console.log(list[i]); if(list[i].name == 'cookie') {continue //  forEach不能使用continue Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement}console.log(list[i]); if(i.name == 'cookie') {return false // 中断此次循环 但是不会跳出循环}console.log(i); // {age: 18}
});try{let list = [{name:'cookie'},{age: 18}]list.forEach(i => {if(i.name == 'cookie') {throw Error('跳出循环')}console.log(i); });
}catch(e) {console.log(e);
}

5.filter 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

// filter 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常 来结束整个循环
list.filter((i,index)=>{console.log(i); // {name:'cookie'}, {age: 18}console.log(index);// 0 1if(i.name == 'cookie') {// break // forEach不能使用break  Uncaught SyntaxError: Illegal break statement continue  // forEach不能使用continue Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement}console.log(i);
})try{let list = [{name:'cookie'},{age: 18}]list.filter(i => {if(i.name == 'cookie') {throw Error('跳出循环')}console.log(i); });
}catch(e) {console.log(e);
}

6.map 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

// map 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常 来结束整个循环
list.map((i,index)=>{console.log(i); // {name:'cookie'}, {age: 18}console.log(index); // 0 1if(i.name == 'cookie') {// break // forEach不能使用break  Uncaught SyntaxError: Illegal break statement continue  // forEach不能使用continue Uncaught SyntaxError: Illegal continue statement: no surrounding iteration statement}console.log(i); //没有值输出   break 满足条件，直接退出循环if(i.name == 'cookie') {return false // 中断此次循环 但是不会跳出循环}console.log(i); // {age: 18}
})try{let list = [{name:'cookie'},{age: 18}]list.map(i => {if(i.name == 'cookie') {throw Error('跳出循环')}console.log(i); });
}catch(e) {console.log(e);
}

javascript 循环数组的六种方式相关推荐

JavaScript拷贝数组的实现方式
JavaScript中我们经常会遇到拷贝数组的场景,但是都有哪些方式能够来实现呢,我们不妨来梳理一下. 1.扩展运算符(浅拷贝) 自从ES6出现以来,这已经成为最流行的方法.它是一个很简单的语法,但是 ...
Javascript遍历数组的各种方式
初学者做一个小笔记,如有遗漏欢迎各位大佬补充,理性讨论不要yygq,谢谢 var arr = [1, 2, 3, 4, 4, 4, 4];/* 1.for循环参数:遍历出来的每个都是item即每一项返 ...
JavaScript中数组的创建方式及数组常用方法
数组的属性: length: 1).告诉我们数组的长度:数组名.length 2).通过该属性可以改变数组的长度数组的常用方法: 1)unshift:在数组的头部添加元素,返回值返回的是新数组的长度 ...
Java数组去重的多种方法,[Java教程]JavaScript常见的五种数组去重的方式
[Java教程]JavaScript常见的五种数组去重的方式 0 2016-12-14 15:00:17 ▓▓▓▓▓▓ 大致介绍 JavaScript的数组去重问题在许多面试中都会遇到,现在做个总结 ...
js循环数组的方式有哪些
在 JavaScript 中,循环数组的方式有以下几种: for 循环 for 循环是最常见的一种循环方式,它可以遍历数组中的每一个元素,例如: javascriptCopy codeconst ar ...
JavaScript之数组的循环遍历以及排序
数组的for循环: 上篇文章说到数组可以通过索引获取到数组中的内容,可以参考JavaScript之数组的基础知识,刚好索引的排序是从0开始的,那么我们就可以通过for循环来循环数组,这种行为我们称为: ...
javascript定义数组的两种方式，获取各个元素的值
<script type="text/javascript"> //创建数组并赋值 //1声明数组,分配空间,赋值 ...
Javascript循环删除数组中元素的3种方法
本文主要跟大家分享了关于Javascript循环删除数组中元素的几种方法,分享出来供大家参考学习,下面与微点阅读小编一起来看看详细的介绍: 问题大家在码代码的过程中,经常会遇到在循环中移除指定元素的 ...
JavaScript数组去重的方式
数组去重的意思就是去除数组中重复的元素,处理完后数组中所有的元素都是唯一的,本文介绍了在js中数组去重的5种方式,请往下看. 1. 利用Set对象 Set 对象 Set 对象允许你存储任何类型的唯一值 ...

javascript 循环数组的六种方式

1.for in 可以使用break continue

2.for of 能使用break continue

4. forEach不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

5.filter 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

6.map 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

javascript 循环数组的六种方式相关推荐

最新文章

热门文章

javascript 循环数组的六种方式

1.for in 可以使用break continue

2.for of 能使用break continue

4. forEach不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常 来结束整个循环

5.filter 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常 来结束整个循环

6.map 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常 来结束整个循环

javascript 循环数组的六种方式相关推荐

最新文章

热门文章

4. forEach不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

5.filter 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环

6.map 不能使用break continue, 我们使用return 中止此次循环，try ctach 抛出异常来结束整个循环