ES6 map和filter的区别

最新推荐文章于 2024-02-23 15:25:13 发布

转载最新推荐文章于 2024-02-23 15:25:13 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000040448850

文章标签：

#javascript #前端 #vue.js

前端专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了JavaScript中的map和filter方法，解释了它们的参数和用途。map方法用于创建原数组的映射，返回的新数组长度与原数组相同，元素经过指定函数处理。filter方法则根据条件过滤原数组，返回的新数组长度可能变化，元素保持不变。通过示例代码展示了如何使用map将数组元素加1，以及如何使用filter过滤掉小于2的元素。此外，还提到filter可以有效过滤掉NaN、null、undefined和0。

map和filter参数完全相同

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

currentValue：数组元素；
index：索引
arr：原数组；
thisValue：作为该执行回调时使用，传递给函数，用作 “this” 的值

用途不同：
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://segmentfault.com/a/1190000040448850