品易云推流 关闭
文章详情页
文章 > JavaScript > js数组遍历方法

js数组遍历方法

js数组遍历

头像

宋雪维

2021-01-05 10:56:022755浏览 · 0收藏 · 0评论

在JavaScript数组中,可以负责按一定顺序查看数组里面的每一个元素值,分别计算每一个元素值得到相应的值或得到一个最终值的操作是数组遍历。小编整理了数组遍历最常见的五种方法:1、使用for循环;2、使用forof遍历;3、使用map()方法;4、使用for…of…;5、使用filter()方法。

1、使用for循环

最简单的一种循环遍历方法,也是使用频率最高的一种,可优化。

for(j = 0,len=arr.length; j < len; j++) {
    
}

2、使用forof遍历

遍历数组中的每一项,没有返回值,对原数组没有影响,但是不支持IE

for(let value of arr) {  
   
});

3、使用map()方法

只能应用于数组遍历。如果想要遍历对象,可将对象转化为数组对象再其进行遍历。

var arr = [1,2,3,4];
//item,index,arr 分别为:当前元素的值(必填),当前元素的索引值,当前元素属于的数组对象
//最终在不改变原有数组值的情况下将原来数组循环一遍,处理好数据,返回一个新数组。
var arr1 = arr.map((item,index,arr) => {
    console.log("--");
    console.log(item);//当前元素值
    console.log(index);//当前索引值
    console.log(arr);//对象
    return item*10 //新数组为10,20,30,40
})
console.log("arr1:",arr1);

4、使用for…of…

可以正确响应break、continue和return语句

for (var value of myArray) {
console.log(value);
}

5、使用filter()方法

遍历数组,过滤出符合条件的元素并返回一个新数组。

将满足条件的过滤出来放入一个新的数组,不会影响原数组

var arr = [
{ id: 1, text: 'aa', done: true},
{ id: 2, text: 'bb', done:false}
]
console.log(arr.filter(item => item.done))

以上就是小编整理总结的js数组遍历的五种方法,希望能帮助你学习JavaScript开发哦~

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图