最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS中数组与对象的遍历方法实例小结
时间:2022-06-25 15:46:07 编辑:袖梨 来源:一聚教程网
本文实例讲述了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]) }
相关文章
- 人们熟悉的寄居蟹属于以下哪种分类 神奇海洋11月21日答案 11-21
- 第五人格11.22共研服有什么更新 11月22日共研服更新内容介绍 11-21
- 原神恰斯卡怎么培养 11-21
- 无期迷途四星装束是谁 11-21
- 王者荣耀帝丹高中校服怎么获得 11-21
- 光遇姆明季后续版本怎么玩 11-21