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)