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

网络编程 2024/9/22 佚名

3 1 2

本文实例讲述了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,数组,对象,遍历

风云阁资源网 Design By www.bgabc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

风云阁资源网 Design By www.bgabc.com

评论“JS中数组与对象的遍历方法实例小结”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年09月22日

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

layui 表格的属性的显示转换方法

layui实现table加载的示例代码

评论“JS中数组与对象的遍历方法实例小结”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接