reduce()的基本用法

一、语法：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

二、参数：

total 必需。初始值, 或者计算结束后的返回值。
currentValue：必需。当前元素
currentIndex：可选。当前元素的索引
arr: 可选。当前元素所属的数组对象。
initialValue: 可选。传递给函数的初始值
其实常用的参数只有两个：total 和 currentValue

三、例子

1.求数组之和

  /*求数组之和这里面initialValue参数传入的是0，所以total的初始值是0currentValue的初始值是数组的第一项，也就是11*/ var arr = [11,22,33,44];var sum = arr.reduce((total, currentValue) => {console.log('total',total)console.log('currentValue',currentValue)return Math.max()},0)console.log(sum)

打印结果：

2.求这个数组的最大值

  /*求这个数组的最大值这里不传入初始值， total 的初始值就是数组的第一项currentValue的初始值是第二项Math.max()  返回两个指定的数中带有较大的值的那个数：*/ var arr2 = [11,33,4,8,10,56,88,3,7,22];var max = arr2.reduce((total, currentValue) => {return Math.max(total,currentValue)})console.log(max)  // 打印输出： 88

3.数组去重

  /*数组去重基本原理：1. 第一次传入一个空数组，所以prev = [],相当于初始化一个空数组，所以第一次肯定会push进去的。2. 第二项 ‘8’ 传入 prev.indexOf(currentValue) 查找， ===-1的话，也是push进去，没有找到相同的项。3. 第三项 ‘3’ 传入 prev.indexOf(currentValue) 查找， !== -1 , 所以prev数组是 不进行push操作。 4. 以此类推， 最后将这个初始化数组返回*/var arr3 = [3,8,3,4,6,7,3,4,77,8];var newArr = arr3.reduce((prev, currentValue) => {prev.indexOf(currentValue) === -1 && prev.push(currentValue);return prev;
},[]);
console.log(newArr)  // 打印输出：  [3, 8, 4, 6, 7, 77]

4.字符串，每个字母出现的次数

/*
字符串，每个字母出现的次数
初始化为一个空对象，{}
*/
const str1 = 'abcssxsaw';  // 打印输出：  ['a', 'b', 'c', 's', 's', 'x', 's', 'a', 'w']
console.log(str1.split(''))
const obj = str1.split('').reduce((prev, currentValue) => {console.log(prev[currentValue])prev[currentValue] ? prev[currentValue]++ : prev[currentValue] = 1;return prev
},{})console.log(obj) // 打印输出： {a: 2, b: 1, c: 1, s: 3, w: 1, x: 1}

打印结果：

5.数组转对象（这个是我项目中遇到的）
初始化数组：roles

const roleNames = roles.reduce((pre, role) => {pre[role._id] = role.namereturn pre}, {})

打印结果：

6.重构一个数组（将其中一个相同的属性分类）

        let list = [{ szcs: '4', fh: '404', zh: '1', xqmc: '阳光家园'},{szcs: '2', fh: '201', zh: '1', xqmc: '阳光家园'},{ szcs: '4', fh: '401', zh: '1', xqmc: '阳光家园'},{ szcs: '22', fh: '2202', zh: '1', xqmc: '阳光家园'},{ szcs: '4', fh: '402', zh: '1', xqmc: '阳光家园'},{ szcs: '14', fh: '1402', zh: '1', xqmc: '阳光家园'},{ szcs: '17', fh: '1701', zh: '1', xqmc: '阳光家园'},{ szcs: '2', fh: '202', zh: '1', xqmc: '阳光家园'},]function filterData(data) {if (!data) {return []}let currentIndex = -1;return data.reduce((prev, next) => {currentIndex = prev.findIndex(v => v.szcs == next.szcs)if (currentIndex > -1) {prev[currentIndex].houseList.push(next)} else {prev.push({szcs: next.szcs,houseList: [next]})}return prev}, [])}// 调用let newData = filterData(list)console.log(newData);

打印结果：

数组成员的特性分组（和上面是一样的用法）

arr: [{area: 'GZ', name: '熊大', age: 100},{area: 'FS', name: '光头强', age: 30},{area: 'GZ', name: '熊二', age: 98},{area: 'SZ', name: '吉吉国王', age: 120},{area: 'SZ', name: '飞鸟', age: 10},{area: 'FS', name: '猴子', age: 90},{area: 'GZ', name: '博士', age: 40},]group(arr = [], key) {return key ? arr.reduce((t, v) => (!t[v[key]] && (t[v[key]] = [] ), t[v[key]].push(v), t), {}) : {};
},// 打印
console.log(this.group(this.arr, "area"))

打印结果：

reduce()的基本用法相关推荐

Python中的map()函数和reduce()函数的用法
Python中的map()函数和reduce()函数的用法这篇文章主要介绍了Python中的map()函数和reduce()函数的用法,代码基于Python2.x版本,需要的朋友可以参考下
reduce的梦幻用法
reduce的梦幻用法最近经常在项目中经常看到别人用reducer处理数据,很是牛掰,很梦幻, 不如自己琢磨琢磨. 先看w3c语法 array.reduce(function(total, curr ...
java reduce.mdn_reduce高级用法
reduce作为ES5新增的常规数组方法之一,对比forEach .filter和map,在实际使用上好像有些被忽略,发现身边的人极少用它,导致这个如此强大的方法被逐渐埋没. 如果经常使用reduce ...
Python 3.x中reduce()函数完整用法
在Python 3.x中,reduce()不再是内置函数,而是移到了标准库functools中,需要先导入再使用,其官方解释如图所示: 从官方文档可知,该函数用法要点如下: 1)把一个双参数函数以累积 ...
高阶函数 map，reduce, filter的用法
1. map 用法 1 def fun_C(x): 2 """求平方""" 3 return x ** 2 4 5 6 result = m ...
reduce（）用法
再看reduce的用法.reduce把一个函数作用在一个序列[x1, x2, x3, ...]上,这个函数必须接收两个参数,reduce把结果继续和序列的下一个元素做累积计算,其效果就是: reduc ...
reduce函数及其用法
reduce方法在平时用的比较少,最近整理数组去重觉得它还是挺好用的,然而它还有好多功能,下面就梳理一下它都有哪些用法. 一.mdn给的解释: reduce() 方法对数组中的每个元素按序执行一个由您 ...
reduce的基本用法。
js数组reduce方法 reduce的基本定义基本用法计算数组里面所有值的和! 累加对象数组里的值! 将二维数组转换为一维数组! 计算数组中每个元素出现的次数用Reduce按属性对object ...
python中lambda以及与filter／map／reduce结合的用法
一.lambda函数即匿名函数,和普通的函数相比,就是省去了函数名称而已: lambda语句中,冒号前是参数,可以有多个,用逗号隔开,冒号右边是函数体的返回值 g = lambda x,y : x+y ...

reduce()的基本用法

一、语法：

二、参数：

三、例子

reduce()的基本用法相关推荐

最新文章

热门文章