数组的遍历方法（ES5和ES6）

最新推荐文章于 2023-08-19 16:23:12 发布
最新推荐文章于 2023-08-19 16:23:12 发布
阅读量1.2k 收藏 1
点赞数 1
分类专栏： ECMAScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44011306/article/details/106952230
版权
本文详细介绍了ES5中的数组遍历方法，包括for循环、forEach、map、filter、some、every和reduce，强调了它们的特点和限制。同时，探讨了for...in遍历数组的问题，并引入了ES6的for...of遍历方式，指出其适用于遍历一切可迭代对象，支持break、continue和return，具有更广泛的应用场景。
摘要由CSDN通过智能技术生成

数组的遍历


ES5 中数组遍历方式
let arr = [1, 2, 3, 2, 4]

ES5中数组遍历的方法

for循环

for (let i = 0; i < arr.length; i++) {
   
    console.log(arr[i])
}

后来语法有所升级，到 ES5 遍历数组的 API 多了起来，其中有 forEach、every、filter等，同样的功能可以用 forEach 、 map 、 every 等方法来实现。

forEach() 没有返回值，只是针对每个元素调用func

arr.forEach(function(elem（值）, index（索引）, array（数组本身）) {
   
    if (arr[i] == 2) {
   
        continue
    }
    console.log(elem, index)
})

这个语法看起来要简洁很多，不需要通过索引去访问数组项，然而它的缺点也是很明显，不支持 break、continue 等。

[1, 2, 3, 4, 5].forEach(function(i) {
   
    if (i === 2) {
   
        return;
    } else
最低0.47元/天 解锁文章
康立志
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js数组循环的几个常用方法比较（for、forEach、map）
weixin_41227874的博客
11-23 1106
1、for循环是es5的常用数组循环方法，具体使用语法如下举例： const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] for (var i = 1; i < arr.length; i++) { console.log(i) // 打印的是1, 2， 3， 4， 5， 6 if (i > 5) return } 为什么打印的会是1 2 3 4 5 6呢？因为for循环中有return语句，该语句常用在函数中用来返回出一个结果，但是for循环中如果
js 数组遍历的常见方法 (ES5)+(ES6)
m0_56471534的博客
04-03 667
最简单的一种循环遍历方法，也是使用频率最高的一种，可优化针对for循环，循环条件总比循环体要多执行一次。
js中forEach、map、reduce、filter函数
赶路人儿
06-19 1146
1、forEach语法： forEach是ES5扩展的语法，可以使用他遍历数组、对象，但是在forEach中不支持continue、break关键字，forEach中可以使用return来跳出当次循环，相当于continue。我们看几个实例： 1）forEache遍历数组： ...
常用ES6ES5的数组操作（循环遍历 查找 求和...）笔记
qq_38388578的博客
04-16 3229
1、.forEach（）没有返回值，本质上等同于 for 循环，对每一项执行 function 函数 list.forEach((item,index) => { console.log(item); //处理数据 }); 2、map（）不会改变原始数组,返回新数组（定义变量接受） let urls = list.map(x => x.pics_big) 3、filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素，不会改变原始数组。
【javascript】es5、es6常用语法
qq_22849251的博客
07-06 576
1.数组 let a = [1, 2, 3, 4, 5, 6, 7] 1.1 forEach 遍历数组，无返回值，不改变原数组 a.forEach((value,index,arr)=>{ console.log(value,index,arr) // 不能使用continue，可使用return代替 }) 1.2 map 遍历数组，返回一个新数组，不改变原数组 let b = a.map(e=>{ return e*2}) //返回一个新的数组，原数组不变 //[2
JS数组及对象遍历方法代码汇总
11-20
`forEach`方法是ES5引入的新特性，它提供了一种更简洁的遍历数组的方式，但不支持`break`、`continue`或`return`。代码如下： ```javascript arrTmp.forEach(function(value, index, array) { console.log(value +...
浅谈ES6新增的数组方法和对象
01-19
es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,map let arr=[1,2,3,4,3,2,1,2]; 遍历数组最简洁直接的方法 for (let value of arr) { console.log(value);//输出1,2,3,4,3,2,1,2 } 1. ...
ES5 ES6中Array对象去除重复项的方法总结
12-11
本文主要探讨了在ES5和ES6中如何利用Array对象去除重复项的方法。 首先，我们要解决一个JavaScript特有的问题，那就是`NaN`（Not a Number）的比较特性。在JavaScript中，`NaN !== NaN`，这意味着即使是同一个`NaN`...
再学JavaScript ES(6-10)全版本语法大全（3）- 数组的遍历
一角残叶的博客
11-14 325
1 数组遍历 1.2 ES5 数组遍历 方法1 const arr = [1, 2, 3, 4, 5, 6] for (let i = 0; i < arr.length; i++){ console.log(arr[i]) } 方法2 const arr = [1, 2, 3, 4, 5, 6] arr.forEach(function (item) { console.log(item) }) for 和 foreach的区别 for (let i = 0; i &
ES5和ES6那些你必须知道的事儿(一)
denggen20020210的博客
12-16 157
ES5和ES6那些你必须知道的事儿 ES5新增的东西 一、数组方法 　　1、forEach 　　 用途：遍历，循环 　　　 对于空数组不会执行回调函数 //用法 array.forEach( function(currentValue, index, arr), thisValue ) //currentValue 必需。当...
遍历的12种方法
weixin_45374947的博客
07-13 7581
关于遍历的12种方法 ES5： forEach、every 、some、 filter、map、reduce、reduceRight、 ES6： find、findIndex、keys、values、entries forEach 按升序为数组中含有效值的每一项执行一次回调函数 array.forEach(function(currentValue, index, arr), thisValue) 关于forEach() 无法中途退出循环，只能用return退出本次回调，进行下一次回调。 它总是返回
ES5之数组遍历七大方法
陈皮糖的博客
04-09 5205
* 方法1 : forEach 遍历数组, 等同于 for(但是性能没有for好) * 返回值 : 没有返回值 // var arr = ['zs', 'ls', 'ww'] // item : 数组里的每一个元素 (最最多) // index : 数组元素的下标/索引 (很少用) // array : 数组 本身 // arr.forEach(function ( item,i,ar...
常用的几种遍历方式
weixin_68107783的博客
01-07 2994
java
集合的三种遍历方式
weixin_73869209的博客
05-24 4453
迭代器（Iterator）是一种对象，它可以让我们遍历集合对象中的元素。Java中的集合类（例如ArrayList、LinkedList、HashSet、TreeSet等）都实现了Iterable接口，因此可以使用迭代器来遍历集合中的元素。
常用的遍历方式总结
m0_63855883的博客
06-05 1712
如果不想遍历原型链上的属性，可以使用Object.hasOwnProperty()方法来判断一个属性是否为对象自身的属性，它返回一个布尔值，表示某个对象是否含有指定的自身属性。这意味着，除了遍历到对象自身定义的属性之外，它还会遍历继承自原型链上的属性。它返回一个包含对象自身所有可枚举属性的键名的数组（不包括继承自原型对象的属性）。应用场景：适用于遍历对象，不推荐用于遍历数组，虽然可以遍历数组下标，但是不稳定，有时会出现遍历顺序不一致的情况。其中 key 是对象的属性名，obj[key] 是对应的属性值。
【ES5和ES6】数组遍历的各种方法集合
最新发布
m0_37616866的博客
08-19 1409
ES5和ES6 遍历数组的方法集合
遍历的方法总结
m0_65912225的博客
06-27 1274
1.for循环 2.forEach((item,index,arry)=>{ }) 3.for key in array/object 4.for key of array/string for..in 和for..of的区别 5.map() 映射 6.filter() 过滤 7.some((item,index,array)=>{}) 8.every((item,index,array)=>{}) 8.reduce(callback,[initialValue]) 实现数据的累加 ..
ES6和ES5中的遍历
qq_25178609的博客
09-25 6324
Array:ES5:(1)Array.prototype.forEach(function(item,index,array){…})(2)Array.prototype.map(function(value,index,array){…//return value,该值会被插入新数组})映射为一个新数组(3)Array.prototype.some(function(item){…//条件})数组
js中的循环遍历数组中的元素，ES6（for-of）、ES5（forEach、for-in）、通用（for（i=0；i<length;i++））
热门推荐
Harry_一棵树的博客
04-27 1万+
我们如何遍历数组中的元素？for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); }ES5myArray.forEach(function (value) { console.log(value); });缺点：你不能使用break语句中断循环，也不能使用return语句返回到外层函数
利用ES5和ES6求函数参数的和
07-09
在5中，可以使用``对象来获取函数的参数列表，并通过遍历实现求和。示例代码如下： ```javascript function sum() { var total = 0; for (var i = 0; i < arguments.length; i++) { total += arguments[i]; } return total; } console.log(sum(1, 2, 3)); // 输出6 ``` 在ES6中，可以使用剩余参数(rest parameters)来获取函数的参数列表，并通过数组的`reduce`方法求和。示例代码如下： ```javascript function sum(...args) { return args.reduce((acc, curr) => acc + curr, 0); } console.log(sum(1, 2, 3)); // 输出6 ``` 这两种方法都可以用来求函数参数的和，选择使用哪种取决于你的项目需求和对语言版本的要求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值