js数组遍历方法

2026-01-22 0 46,170

在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开发哦~

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:以上部本文内容由互联网用户自发贡献,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。投诉邮箱:3758217903@qq.com

ZhiUp资源网 web开发 js数组遍历方法 https://www.zhiup.top/10137.html

相关