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

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

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

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

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

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

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

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

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

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

方法名称 返回值 终止条件
find 同数组元素 找到第一个符合条件的元素即停止遍历
filter 数组 遍历所有数组元素,找到所有符合条件的元素
every Boolean 找到第一个不符合条件的元素就停止遍历同时返回false,直到遍历完整个数组,如果都符合则返回true
some Boolean 找到第一个符合条件的元素就停止遍历同时返回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)

猜你喜欢

转载自blog.csdn.net/uniquepeng/article/details/126461812