本文实例讲述了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
});
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
});
console.log(xx) //false
7、reduce函数，为数组中的每一个元素依次执行回调函数
语法：
arr.reduce(callback, initialValue)
[0,1,2,3,4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
});
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);
console.log(total); //10
二、对象的遍历
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])
}
PS：这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考：
在线JS常见遍历方式性能分析比较工具：http://tools.jb51.net/aideddesign/js_bianli
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
JS,数组,对象,遍历
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。