JavaScript Array map()、filter()以及map()與filter()區別

1、JavaScript Array map() 方法

 

【例子】

let numbers = [4, 9, 16, 25];

numbers.map(f);

function f(item,index) {

     return item*100

}

console.log(numbers)  //  [400,900,1600,2500]

　　

 

2、JavaScript Array filter() 方法

【例子】

var kvArray = [{ key: 1, value: 10 },

{ key: 3, value: 20 },

{ key: 2, value: 30 }];

var filterResult = kvArray.filter((v,i)=>{

 return v.value = v.value + 's'

})

console.log(filterResult) //[ { key: 1, value: '10s' },{ key: 3, value: '20s' },{ key: 2, value: '30s' } ]

　　

 

3、JavaScript Array filter()，map()區別

//兩者都是數組原型鏈中的方法，方法是遍歷數組，回調函數對遍歷出來的對象進行操作，但兩者的返回值有所不同

var kvArray = [{ key: 1, value: 10 },

{ key: 3, value: 20 },

{ key: 2, value: 30 }];

 

var mapResult = kvArray.map((v,i)=>{

    return v.value = v.value + 's'

})

console.log(mapResult) // ['10s', '20s', '30s' ]

 

var filterResult = kvArray.filter((v,i)=>{

    return v.value = v.value + 's'

})

console.log(filterResult) //[ { key: 1, value: '10ss' },{ key: 3, value: '20ss' },{ key: 2, value: '30ss' } ]

//map將返回值組裝成一個數組

//filter返回的也是一個數組，但是返回的數組結構與原數組結構一致，可以說返回的數組是基於原數組的