数组遍历的方法有哪些呢,现在来看一看
1. for 循环
for(var i =0;i<arr.length;i++){
//要实现的内容
}
2. forEach 循环
arr.forEach((item,index,arr)=>{
//代码
})
forEach接收一个回调函数作为参数,而这个回调函数有三个参数,item是每个元素,index是元素在数组中的下标,arr是数组本身。没有返回值
3. map循环
var brr=arr.map((index,index,arr)=>{
//代码
return item*2;
})
map的方法其实和forEach差不多。但是map是有返回值的,他的返回值是一个数组。
arr---->[1,2,3]
brr---->[2,4,6]
4. for-of
只有是现实iterator 接口的才能用for---of,对象是不能的
for(var item of arr){
//代码
}
5. filter
var arr=[
{name:'张三',age:'20'},
{name:'李四',age:'50'}
]
arr.filter(item=>{
return item.name;
//返回值是arr本身,所以元素的name都是true
})
arr.filter(item=>{
return item.age>30;
//[{name:"李四",age:"50"}]
})
接收一个回调函数作为参数,返回值是一个新的数组
6. every遍历
every()是对数组中的每一项 运行给定函数,如果该函数对每一项返回true,则返回true。(全部符合条件)
var arr=[50,6,70,80];
arr.every((index,index,arr)=>{
return item>50;//要求每一项都大于50
})
//false
7. some遍历
some()是对数组中 每一项运行指定函数,如果该函数对任一项返回true,则 返回true。(只要有一个符合)
var arr=[50,6,70,80];
arr.some((item,index,arr)=>{
return item>50;//只要有一项数据大于50
})
//true
8. reduce
reduce()方法接收一个函数作为累加器,数组中每个值(从左往右)开始缩减,最终作为一个值
[1,2,3].reduce((a,b)=>{
return a+b;//6 第一个参数是total,第二个是value
})
[1,2,3].reduce((previousValue,currentValue,index,arr)=>{
return previousValue+ currentValue;
})
return 还有第二个参数,我们把第二个参数作为第一次调用callback时的第一个参数,上面的例子因为没有第二个参数,所以直接从数组的第二项开始,如果我们给了第二个参数为5,
[1,2,3].reduce((previousValue,currentValue,index,arr)=>{
return previousValue+currentValue;
},5)
//6, 8,11
//第一次调用的previousValue的值就用传入的第二个参数代替
9.reduceRight
10. find
find()方法返回数组中符合测试函数条件的第一个元素,否则就是返回underfined
var stu=[
{
name:'张三',
gender:'男'
},
{
name:'小王',
gender:'男'
},
{
name:'小李',
gender:'女'
},
]
function getStu(element){
return element.name== '小李'
}
stu.find(getStu)
//返回结果为
//{name:'小李',gender:'女'}