天天看點

數組filter,find,map,some,every,reduce的用法簡單梳理

一、filter

  數組的過濾或篩選功能,根據篩選條件傳回一個包含符合條件元素的新數組,不影響原數組,篩選條件寫在一個函數中

數組filter,find,map,some,every,reduce的用法簡單梳理

let arr= [
    {id:1,name: "a", age: 18},
    {id:2,name: "b", age: 15},
    {id:3,name: "c", age: 16},
    {id:4,name: "d", age: 17},
    {id:5,name: "e", age: 19}
]
let newarr=arr.filter(function(item){
    return item.age>15
})
console.log(newarr)
//[ {id: 1, name: "a", age: 18},
{id: 3, name: "c", age: 16},
{id: 4, name: "d", age: 17},
{id: 5, name: "e", age: 19}]      
數組filter,find,map,some,every,reduce的用法簡單梳理

二、find

  傳回通過函數内條件的第一個元素的值

let arr = [1,2,3];
let arr1=arr.find(function (item) {
    return item>=2
});
console.log( arr5); //2      

三、map

  數組的映射,傳回一個新數組,其值是通過函數處理過的值

let arr = [2,3,5,6]
    let arr1 = arr.map(function(item){
        return item +1;
    })
    console.log(arr1)//[3,4,6,7]      
let arr = [2,3,5,6,7,8]
    let arr1 = arr.map(function(item){
        return item >5;
    })
    console.log(arr1)//[false,false,false,true,true,true]      

四、some

  some() 方法會依次執行數組的每個元素:

  如果有一個元素滿足條件,則表達式傳回true , 剩餘的元素不會再執行檢測。

  如果沒有滿足條件的元素,則傳回false

let arr = [2, 4, 6, 8];
let flag = arr.some(function(item) {
    return item > 5
});
console.log(flag); //true      

五、every

  every()檢測數組中的所有元素是否都滿足函數的中 的篩選條件

  都滿足傳回true否則傳回false

let arr = [2, 4, 6, 8];
let flag = arr.every(function(item) {
    return item > 6
});
console.log(flag); //false      
數組filter,find,map,some,every,reduce的用法簡單梳理
let arr = [2,3,5,6,7,8,'a']
    let arr1 = arr.reduce(function(val,item,index,origin){
        console.log(val,item,index,origin)//val是累加值,item是目前值,index下标從1開始,arr[0]預設為第一次的累加值,origin是數組本身
        return val+item
    })
    console.log(arr1)// '31a'      
數組filter,find,map,some,every,reduce的用法簡單梳理

繼續閱讀