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

最新推荐文章于 2024-04-14 14:48:39 发布

原创最新推荐文章于 2024-04-14 14:48:39 发布 · 417 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #vue.js #javascript #前端 #开发语言

前端专栏收录该内容

15 篇文章

订阅专栏

这篇博客详细介绍了JavaScript中数组的find、filter、every和some四种方法的区别和使用场景。find方法用于查找并返回第一个符合条件的元素，一旦找到则停止遍历；filter方法则是创建一个新的数组，包含所有符合条件的元素；every方法检查数组中的所有元素是否都符合指定条件，若有任何一个不满足，则返回false；some方法则是只要找到一个符合条件的元素，就立即返回true，否则遍历完整个数组后返回false。通过具体的示例代码，展示了这些方法在遍历数组时的不同行为和返回值特点。

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)