数组遍历的方法,你还只知道for循环吗?

数组遍历的方法有哪些呢,现在来看一看

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:'女'}
11. findIndex
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值