Vue中用到的数组方法:

今天写了一个小案例:用到了如下高阶函数,一头雾水,故来整理。。。。呜呜呜


<1> forEach 遍历每一项 会改变原数组

<2> map 会基于原数组产生新数组 //返回一个新数组,不改变原数组

<3> filter 会基于原数组产生新数组(过滤掉不满足条件的数组项) 返回一个新数组,不改变原数组

<4> reduce 会将多项值合成一个,加法,乘法

<5> some 判断数组中是否有满足条件的值(只要数组中有一项值满足就停止遍历并返回true) 

<6> every 判断数组中所有是否都满足条件的值(只要数组中有一项值不满足就停止遍历并返回false) 

举例:

 

1:var arr=[1,2,3,4,5]
arr.forEach((item,index)=>{
  console.log(item,index,arr);
  // arr[index]++
})

2:var newArr=arr.map((item,index)=>{
  return item*2
})
console.log('newArr',newArr);

3:var filterArr=arr.filter((item,index)=>{
  return item>3
})
console.log('filterArr',filterArr);

4:var sum=arr.reduce((sum,current,currentindex,array)=>{
console.log(sum,current,currentindex,array);
return sum+current
},10)

5:var sum2=arr.reduceRight((sum,current,currentindex,array)=>{
console.log(sum,current,currentindex,array);
return sum+current
},10)
console.log('sum',sum);

6:var someArr=arr.some((item,index)=>{
  return item>6 //类似于||运算,有一个成立就成立
})
console.log('someArr',someArr);

7:var everyArr=arr.every((item,index)=>{
  return item>0  //类似于&&运算,有一个不成立就不成立
})
console.log('everyArr',everyArr);

所以说小伙伴们想学好Vue,前面的知识点一定要扎实、扎实、再扎实!!!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值