map、filter、reduce方法

huangzhin

于 2019-09-15 20:59:35 发布

阅读量1.2k

点赞数

分类专栏： js 文章标签： map、filter、reduce方法

本文链接：https://blog.youkuaiyun.com/weixin_38131507/article/details/100863877

版权

js 专栏收录该内容

17 篇文章

订阅专栏

本文深入解析JavaScript中map, filter, reduce三大数组处理方法的使用技巧及应用场景，通过实例演示如何利用这些方法高效处理数组数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、map方法

map()函数——用于对数组或对象进行处理,并返回处理之后的数组.

let arr = [1, 2, 3, 4];
let newArr = arr.map(function(item) {// 使用map方法
    return item * 2;
});
console.log(newArr);// [2, 4, 6, 8]

二、filter方法

filter()函数——用于筛选出符合要求的数据,并返回该数据集合.

let arr = [1, 2, 3, 4];
let newArr = arr.filter(function(item) {// 使用filter方法
    if (item % 2 !== 0) {
        return item;
    }
});
console.log(newArr);// [1, 3];

三、reduce方法

reduce()函数——用于把数组或对象归结为一个值,并返回这个值,使用方法为arr.reduct(func,memo),其中func为处理函数,memo为初始值,初始值可缺省.

let arr = [1,2,3,4];
let newArr=arr.reduce(function(a,b){
    return a+b;
});
console.log(newArr);//10