js数组的reduce方法

2024-03-31 20:38:29

1、语法

arr.reduce(callback, initialValue) reduce为数组中的每个元素依次执行回调函数，接受4个参数：初始值（或者上次回调函数的返回值）、当前元素值、当前索引、调用reduce的数组。

2、实例解析initialValue参数

2.1当不设置initialValue参数时

输出结果为：

可以看出，index是从1开始的，第一次的prev的值是数组的第一个值。数组长度为3，但是reduce循环次数为2。

2.2 当设置initialValue参数为2 时，输出结果为：

可以看出，index是从0开始的，第一次的prev的值是我们设置的initialValue的值。数组长度为3，reduce函数循环3次。

结论：如果没有设置initialValue，reduce会从索引为1的地方开始执行callback；如果提供initialValue，则会从索引为0的地方开始执行。

注意：如果数组为空，且不提供intialValue时，运行reduce会报错

所以提供处置值更安全。

3、reduce数组的简单用法

求最大值、最小值

数组求和、求乘积

4、reduce的高级用法

（1）计算数组中每个元素出现的次数

可简写为：

（2）数组去重

（3）将二维数组化为一维

（4）将多维数组化为一维数组

（5）、对象里的属性求和

(6)、对象数组去重

js数组的reduce方法相关推荐

常用的js数组去重的方法
常用的js数组去重的方法 1. 使用for循环去重 2.使用set对象去重 3.使用数组索引indexOf()方法搭配for循环去重 4.使用includes()方法搭配for循环去重 5.使用fif ...
【JavaScript】查漏补缺 —数组中reduce()方法
[JavaScript]查漏补缺 -数组中reduce()方法
数组的 reduce方法
数组的 reduce方法 reduce() 方法对数组中的每个元素按序执行一个由你提供的 reducer 函数,每次运行都会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值. 当第一 ...
数组求和-reduce方法
function sum(...numbers){return numbers.reduce((pre,current)=>{return pre + current}) } console.l ...
js数组的reduce与reduceRight方法
数组由众多的实例方法,下面记录下reduce的使用方法 arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initi ...
你真的了解JS数组的那些方法吗？
寄语: JS数组的方法非常的丰富和琐碎,学习和使用过程中总是需要反复的记忆.查看文档,但作为JS基础这样真的不应该,我们应该把它记得滚瓜烂熟,深入理解才对. 但是要怎样才能做到呢?这正是我也本文的初衷 ...
vue js 数组对象去重方法
一.根据数组中唯一的值去重, cur原数组, next要添加的数据 this.warnSiteWords.push({one:this.valueUrl,two:this.valueName}); l ...
数组的reduce方法
reduce方法有两个参数,第一个参数是操作数组项的函数:第二个参数则是传入的初始值,reduce最常用的方法是叠加,以下例子可以看出,reduce函数根据初始值0,不断的叠加数组项: var ite ...
js数组操作各种方法
JS数组方法汇总 shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2, ...
JS数组的迭代器方法
迭代器forEachevery 一.迭代器方法迭代器方法, 这些方法对数组中的每一个元素应用一个函数,可以返回一个值,一组值或一个新数组. 不生成新数组的迭代器方法 1.forEach() forE ...

最新文章

热门文章