JavaScript中map和reduce用法

一口木桶饭

于 2020-04-21 17:04:04 发布

阅读量595

点赞数

分类专栏： JavaScript 文章标签： javascript js

本文链接：https://blog.youkuaiyun.com/weixin_44415928/article/details/105662158

版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了JavaScript数组中的两个重要方法：map和reduce。map方法用于将数组中的每个元素映射到新值，而reduce则用于累积数组元素的结果。通过示例代码展示了如何使用这两个方法来操作数组。

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

1.map

map()就是接受一个函数，然后用这个函数去处理数组中的每一个元素，然后返回，如下

let arr = [1, 2, 3, 4, 5]
arr = arr.map(
    (item) => {
        return item * 2
    }
)
console.log(arr)

在这里插入图片描述

2.reduce

reduce() 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素
他有4个参数

previousValue (上一次调用回调返回的值，或者尸体提供的初始值)
currentValue （数组中当前被处理的元素）
index （当前元素在数组中的索引）
array （调用reduce的数组）

let arr = [1, 2, 3, 4, 5]
let result = arr.reduce(
    (a, b) => {
        console.log("上一次处理后"+a)
        console.log("当前正在处理"+b)
        return a+b;
    }
)
console.log("最终结果"+result)

在这里插入图片描述