数组filter，find，map，some，every，reduce的用法简单梳理

一、filter

　　数组的过滤或筛选功能，根据筛选条件返回一个包含符合条件元素的新数组，不影响原数组，筛选条件写在一个函数中

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}]

 

二、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

六、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'