本文实例讲述了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,数组,对象,遍历
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新动态
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]