js数组处理四个方法find、filter、map、forEach

1.find： 获取数组中符合条件的第一个值  string (不改变原数组，返回操作后的数组)

var Arr = [1,2,3,4,5,6,7,8,9,10]

//获取数组Arr中第一个大于5的元素
var newArr = Arr.find(function(item){
    return item > 5
})

console.log(newArr)  // 6

console.log(Arr)    // [1,2,3,4,5,6,7,8,9,10]

2.filter： 获取数组中符合条件的所有元素集合  Array （不改变原数组，返回操作后的数组）

var Arr = [1,2,3,4,5,6,7,8,9,10]

//获取数组Arr中所有大于5的元素集合
var newArr = Arr.filter(function(item){
    return item > 5
})

console.log(newArr)  // [6,7,8,9,10]

console.log(Arr)    // [1,2,3,4,5,6,7,8,9,10]

3.map（不改变原数组，返回操作后的数组）

var Arr = [1,2,3,4,5,6,7,8,9,10]

//数组Arr中每个元素*10的元素合集
var newArr = Arr.map(function(item){
    return item*10
})

console.log(newArr)  // [10,20,30,40,50,60,70,80,90,100]

console.log(Arr)    // [1,2,3,4,5,6,7,8,9,10]

 给数组中的数据添加标识字段key

var data = [
    { 
        name: 'jake',
        age: 28
    },
    {
        name: 'nina',
        age: 22
    }
]

data.map(function(item,index){
    item.key = index
})

console.log(data)
/*
[
    { 
        name: 'jake',
        age: 28,
        key: 0
    },
    {
        name: 'nina',
        age: 22,
        key: 1
    }
]
*/

 

4.forEach （对原数组进行操作处理 不返回数组 ）

var Arr = [1,2,3,4,5,6,7,8,9,10]

var sum = 0

//计算数组Arr中所有元素的和
var newArr = Arr.forEach(function(item){
    sum += item
})

console.log(sum)     // 55

console.log(newArr)  // undefined

console.log(Arr)    // [1,2,3,4,5,6,7,8,9,10]

给数组中的数据添加标识字段key

var data = [
    { 
        name: 'jake',
        age: 28
    },
    {
        name: 'nina',
        age: 22
    }
]

data.forEach(function(item,index){
    item.key = index
})

console.log(data)
/*
[
    { 
        name: 'jake',
        age: 28,
        key: 0
    },
    {
        name: 'nina',
        age: 22,
        key: 1
    }
]
*/