JS中数组与对象的遍历方法实例小结
网络编程 2021-07-04 16:46www.168986.cn编程入门
这篇文章主要介绍了JS中数组与对象的遍历方法,结合实例形式分析了JavaScript针对数组与对象遍历操作相关函数与使用技巧,需要的朋友可以参考下
本文实例讲述了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常见遍历方式性能分析比较工具
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指