JS中数组与对象的遍历方法实例

一、数组的遍历：

首先定义一个数组

arr=['snow','bran','king','nightking'];

1、for循环，需要知道数组的长度;
2、foreach，没有返回值，可以不知道数组长度；

arr.forEach(function(ele,index){
console.log(index);
console.log(ele)
})

3、map函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新数组，原数组不变；

var newarr=arr.map(function(i){
  return "hello "+i
});//欢迎加入全栈开发交流圈一起学习交流：864305860
console.log(newarr)

4、filter函数：过滤通过条件的元素组成一个新数组，原数组不变；

var newarr=arr.filter(function(i){
  return i == "bran"
});
console.log(newarr)

5、some函数，遍历数组中是否有符合条件的函数，返回布尔值；

var yy=arr.some(function(i){
  return i.length>4
});
console.log(yy)       //true

6、every函数，遍历数组是否每个元素都符合条件，返回布尔值；

var xx=arr.every(function(i){
  return i.length>4
});//欢迎加入全栈开发交流圈一起学习交流：864305860
console.log(xx)       //false

7、reduce函数，为数组中的每一个元素依次执行回调函数
语法：

arr.reduce(callback, initialValue)
[0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){
 return previousValue + currentValue;
});//欢迎加入全栈开发交流圈一起学习交流：864305860

callback:执行数组中每个值的函数，包括四个参数；
previousValue：上一次调用回调返回的值，或者是提供的初始值(initialValue)；
currentValue:当前被处理的值；
index：当前元素在数组中的索引；
array：调用reduce的数组；
initialValue：作为第一次调用callback的第一个参数；
例如：

var total = [0, 1, 2, 3].reduce(function(a, b) {
  return a + b;
});
// total == 6
var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
  return a.concat(b);
});
// flattened is [0, 1, 2, 3, 4, 5]

要提供initialValue的话：

var total = [0, 1, 2, 3].reduce(function(a, b) {
   return a + b;
},4);//欢迎加入全栈开发交流圈一起学习交流：864305860
console.log(total); //10

二、对象的遍历

扫描二维码关注公众号，回复： 4184353 查看本文章

var obj={snow:1,bran:2,king:3,nightking:4};
for(let i in obj){
  console.log(i+','+obj[i])
}

in也可以用来遍历数组，不过i对应于数组的key值：

for(let i in arr){
  console.log(i+','+arr[i])
}//欢迎加入全栈开发交流圈一起学习交流：864305860

结语

感谢您的观看，如有不足之处，欢迎批评指正。
本次给大家推荐一个免费的学习群，里面概括移动应用网站开发，css，html，webpack，vue node angular以及面试资源等。
对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天更新视频资料。
最后，祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。

JS中数组与对象的遍历方法实例

猜你喜欢