ES6常用的新数组语法,实际应用

一.every(value --当前索引的值, index --索引 )
依据判断条件,数组的元素是否全满足,若满足则返回ture,有一个不满足就返回false

let arr =[2,3,4,5,6,7]
let arr1 = arr.every( (value)=>value<8) 返回true
let arr2 = arr.every( (value)=>value<7) 返回false

二.some(value --当前索引的值, index --索引 )
依据判断条件,数组的元素是否有一个满足,若有一个满足则返回ture,全都不满足就返回false

let arr =[2,3,4,5,6,7]
let arr1 = arr.some( (value)=>value>7) 返回false
let arr2 = arr.some( (value)=>value<7) 返回true

三.filter(value --当前索引的值, index --索引 )
过滤数组,返回一个满足要求的数组

let arr =[2,3,4,5,6,7]
let newarr = arr.filter( (item)=> item<5)
结果 newarr    [2,3,4]

四.find
找到第一个符合条件的数组成员

let arr =[2,3,4,5,6,7]
let newarr = arr.find( (item)=>item>3)
结果 newarr    [4]

五.findIndex
找到第一个符合条件的数组成员的索引值

let arr =[2,3,4,5,6,7]
let newarr = arr.findIndex( (item)=>item>5)
结果 newarr    [4]

六.forEach(value --当前索引的值,index --索引,array --原数组)
遍历数组,无return,对提供执行的函数,总是返回undefined

let arr =[2,3,4,5,6,7]
let newarr = arr.forEach( (item,index,arr)=>{  }

七.includes
判断数中是否包含给定的值

let arr =[2,3,4,5,6,7]
let newarr = arr.includes(2) 返回true
let newarr = arr.includes(10)返回false

八.map
遍历数组,返回一个新数组

let arr =[2,3,4,5,6,7]
let newarr = arr.map( (item)=>item*2)
结果 newarr    [4,6,8,10,12,14]

九.reduce
累加器,数组中的每个值(从左到右)合并,最终计算为一个值,可用作购物车中计算,下面示例

.reduce( (pre,item)=>{
 return     item.price * item.count + pre
 },0)
 0是pre的值,通常定为0,必须写

也可用作数组去重

let arr =[2,3,4,5,6,7,7,2]
let newarr = arr.reduce( (pre,item) =>{
if(!pre.includes(item)){
return pre.concat(item)    //concat用于连接两个或多个数组
}else{
return pre
},[])
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值