Skip to content

map和 filter 有什么区别?

Posted on:2024年8月10日 at 17:07

参数

首先,map和filter函数的参数,是完全相同的

array.map(function(currentValue,index,arr), thisValue)

array.filter(function(currentValue,index,arr), thisValue)

用途

但是在用途上,它们是有区别的:

  1. map方法返回的新数组是原数组的映射,何为映射?就是和原数组的长度相同,数值做相应处理。
  2. filter方法返回的值是过滤原数组后的新数组,和原数组长度不同,数值不变。

示例

let arr = ["1","2","3"];
let a = arr.map((item,index,a) =>{
    return item + 1
});
console.log(a);//["11", "21", "31"]
let b = arr.filter((item,index,a) =>{
    return item > 1
})
console.log(b);//["2", "3"]

另外,filter可过滤NaN、null、undefined、0

let arr = [NaN, null, undefined, "0", 0, 1, 2, 3];
let newArr = arr.filter((item) => item);
console.log(newArr); //["0", 1, 2, 3]
原文转自:https://fe.ecool.fun/topic/2a46f54f-7445-44fa-90ec-0ce0d2b44711