JavaScript中map和reduce用法

简介: JavaScript中map和reduce用法

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)

相关文章
|
20天前
|
存储 C++ 容器
【C++】map、set基本用法
本文介绍了C++ STL中的`map`和`set`两种关联容器。`map`用于存储键值对,每个键唯一;而`set`存储唯一元素,不包含值。两者均基于红黑树实现,支持高效的查找、插入和删除操作。文中详细列举了它们的构造方法、迭代器、容量检查、元素修改等常用接口,并简要对比了`map`与`set`的主要差异。此外,还介绍了允许重复元素的`multiset`和`multimap`。
27 3
【C++】map、set基本用法
|
23天前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中,`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中,`bind`返回一个新函数,不立即执行;`call`和`apply`则立即执行,且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似,但在执行时机和参数传递方式上有所区别。
25 1
|
23天前
|
JavaScript 前端开发
JS中的构造函数的含义和用法
构造函数是JavaScript中用于创建新对象的特殊函数,通常首字母大写。通过`new`关键字调用构造函数,可以初始化具有相同属性和方法的对象实例,从而实现代码复用。例如,定义一个`Person`构造函数,可以通过传入不同的参数创建多个`Person`对象,每个对象都有自己的属性值。此外,构造函数还可以包含方法,使每个实例都能执行特定的操作。构造函数的静态属性仅能通过构造函数本身访问。ES6引入了`class`语法糖,简化了类的定义和实例化过程。
24 1
|
3月前
|
索引
ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)
ES5常见的数组方法:forEach ,map ,filter ,some ,every ,reduce (除了forEach,其他都有回调,都有return)
|
2月前
|
JavaScript 前端开发
JS try catch用法:异常处理
【10月更文挑战第12天】try/catch` 是 JavaScript 中非常重要的一个特性,它可以帮助我们更好地处理程序中的异常情况,提高程序的可靠性和稳定性。
24 1
|
2月前
|
JavaScript 前端开发
js的math.max的用法
js的math.max的用法
48 6
|
2月前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
245 4
|
3月前
|
JavaScript 前端开发
JavaScript用法
JavaScript用法
|
3月前
|
JavaScript 前端开发
js map和reduce
js map和reduce
|
2月前
|
存储 JavaScript 前端开发
js中map属性
js中map属性
22 0