前言
在工作或者学习中,我们经常处理基本数据类型,其中数组更是天天见面,js中数组遍历的方法种类众多,所以在这里,我总结了一下,准备写一写关于数组遍历的常见方法,废话少说,请少侠看代码。
测试用例
var arr = [1,2,3,4,5,6]
方法一 for 循环
for循环,也是最常见的,最简单的
for(var i=0; i<arr.length;i++){
console.log(arr[i]);
};
方法二 for in
循环遍历数组的属性
```
for(var i in arr){
console.log(arr[i]);
};
方法三 arr.forEach(function(a){})
参数:回调函数
功能:遍历
返回值: undefined 返回值内有影响
是否改变原数组: 不会
arr.forEach(function(a){ //a是数组的第一个值 b 是索引 c是数组本身
console.log(a);
});
方法四 arr.map(function(a){})
参数 : 回调函数
功能 : 遍历
返回值 : 是一个数组,数组里是undefined,长度为数组的长度
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 : 被放在了map最终的数组内
arr.map(function(a){ //a是数组的第一个值 b 是索引 c是数组本身
console.log(a);
});
方法五 arr.some(function(a){})
参数 : 回调函数
功能 : 遍历
返回值 : 符合 true 不符合 false
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 : 遍历数组中是否有符合条件的值,只要有符合,那么就是true,同时停止遍历 如果没有符合的值 一直执行 直到遍历结束 返回false。
arr.some(function(a){ //a是数组的第一个值 b 是索引 c是数组本身
console.log(a);
});
方法六 arr.filter(function(a){})
参数 :回调函数
功能 :遍历
返回值 : true 并成为一个新数组
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 :filter可以过滤值,并返回到一个新数组中
arr.filter(function(a){ //a是数组的第一个值 b 是索引 c是数组本身
console.log(a);
});
方法七 arr.every(function(a){})
参数 :回调函数
功能 :遍历
返回值 : 符合 true 不符合 false
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 :遍历数组中是否有符合条件的值,必须全部符合,才是true,如果有一个false;那么就是false;同时停止遍历
var res = arr.every(function(a){ //a是数组第一个值
console.log(a);
return a>0;
});
console.log(res);
结束语
这是我所知道的遍历数组的方法,还有没考虑到和有什么错误的地方,欢迎大家留言补充,这七种方法的其中五种不怎么好记和理解,所以我给他们每一个方法配了一个说明,这样子应该可以让大家很容易的记下来这五种方法,希望大家了解后勤加练习一下,上手去操作一下,比在这看100遍都管用,如果本文对您有帮助的话,请点赞和转发, 让我可以帮助到更多的人,让我们一起加油吧!
原创作品,违法必究
疫情期间,我们逆战必胜
原文地址:https://www.cnblogs.com/cznSH/p/12343553.html