ES6 find 和 filter 的区别 every 和 some 的区别

find  找到符合条件的元素就不再继续遍历同时返回该元素

filter 遍历整个数组找到所有符合条件的元素存放再一个数组中

         这两个方法都不会改变元素组

every  只要有一个元素不符合条件就返回false,每个元素都符合条件就返回true

           找到不符合条件的元素就不再继续遍历同时返回false,没找到就一直遍历直到遍历完整

          个数组,如果都符合条件则返回true

some  只要有一个元素符合条件就返回true,都不符合条件就返回false

           遍历数组找到第一个符合条件的元素就停止遍历并返回true,否则继续遍历直到找到符合

          条件的元素,如果遍历完数组的所有元素都不符合条件就会返回false

方法名称返回值终止条件
find同数组元素找到第一个符合条件的元素即停止遍历
filter数组遍历所有数组元素,找到所有符合条件的元素
everyBoolean找到第一个不符合条件的元素就停止遍历同时返回false,直到遍历完整个数组,如果都符合则返回true
someBoolean找到第一个符合条件的元素就停止遍历同时返回true,直到遍历完整个数组,如果没有找到符合条件的元素就返回false
 const array=[
              {a:2,b:1},//0
              {a:0,b:2},//1
              {a:2,b:3},//2
              {a:1,b:2},//3
              {a:2,b:1},//4                        
              {a:0,b:3}//5
                  ]
 //返回结果是找到的第一个符合条件的元素,如果没有符合条件的元素,则返回undefined
   const res=this.array.find((item,index)=>{
                        console.log(index)//会打印0,1,2,3
                        return item.a===1
                     })
 //找到第一个符合条件 {a:1,b:2} 就返回结果不再继续遍历
   console.log(res)
 //遍历所有元素,返回值是一个包含所有符合条件元素的数组,如果没有符合条件的元素,则返回[]
   const res=this.array.filter((item,index)=>{
                        console.log(index)//会打印0,1,2,3,4,5
                        return item.a===1
                     })
 //[{a: 1, b: 2}]
   console.log(res)

 

//返回值类型是Boolean 只要找到第一个符合条件的元素就停止遍历,返回true,如果没有符合条件的元素则 
//返回false
  const res=this.array.some((item,index)=>{
                        console.log(index)//会打印0,1,2,3
                        return item.a===1
                     })
//找到第一个符合条件的元素就返回true,不在继续遍历       
  console.log(res)
//遍历数组只要元素不符合条件就返回false,如果符合条件就一直遍历直到遍历完每个元素
  const res=this.array.every((item,index)=>{
                        console.log(index)//会打印0
                        return item.a===1
                     })
//false 遍历第一个元素时,不符合条件直接返回的false
  console.log(res)

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值