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返回的也是一个数组，但是返回的数组结构与原数组结构一致，可以说返回的数组是基于原数组的
JavaScript Array map()、filter()以及map()与filter()区别
原文：https://www.cnblogs.com/lgnblog/p/13156795.html