JavaScript中的reduce()怎么使用-成都快上网建站

JavaScript中的reduce()怎么使用

本篇内容介绍了“JavaScript中的reduce()怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联建站长期为超过千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为陵城企业提供专业的成都网站制作、成都做网站、外贸营销网站建设陵城网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

1、定义和用法

reduce()方法接收一个函数作为累加器,数组中的每个值从左到右开始缩减,最终计算为一个值。

注意:reduce()对于空数组是不会执行回调函数的。

2、语法

arr.reduce(function(prev, cur, curIndex, arr){

    ...

}, init)

3、参数

prev:必需,初始值init,或者每次计算结束后的返回值;

cur:必需,当前元素;

curIndex:cur的索引;

arr:当前元素所属的数组arr;

init:传递给函数的初始值初始值。

4、实例

var arr = [5,4,8,6,8,2,6,22,8,6]

1

求和

sum = arr.reduce(function(prev,cur) {

    console.log(prev, cur)

    return prev + cur;

}, 0);

// 打印结果如下:

0 5

5 4

9 8

17 6

23 8

31 2

33 6

39 22

61 8

69 6

75

求数组项最大值

max = arr.reduce(function(prev, cur) {

    console.log(prev, cur)

    return Math.max(prev, cur)

}, 0);

// 打印结果如下:

0 5

5 4

5 8

8 6

8 8

8 2

8 6

8 22

22 8

22 6

22

数组去重

newArr = arr.reduce((prev, cur) => {

    console.log(prev, cur);

    prev.indexOf(cur) === -1 && prev.push(cur);

    return prev;

}, [])

// 打印结果如下:

[] 5

[5] 4

[5, 4] 8

[5, 4, 8] 6

[5, 4, 8, 6] 8

[5, 4, 8, 6] 2

[5, 4, 8, 6, 2] 6

[5, 4, 8, 6, 2] 22

[5, 4, 8, 6, 2, 22] 8

[5, 4, 8, 6, 2, 22] 6

[5, 4, 8, 6, 2, 22]

计算字符串字母出现的次数

strNum = str.split('').reduce((strObj, cur) => {

    console.log(strObj, cur)

    strObj[cur] ? strObj[cur]++ : strObj[cur] = 1;

    return strObj;

}, {});

// 打印结果如下

{} 'h'

{h: 1} 'e'

{h: 1, e: 1} 'l'

{h: 1, e: 1, l: 1} 'l'

{h: 1, e: 1, l: 2} 'o'

{h: 1, e: 1, l: 2, o: 1}

二维数组转换为一维数组

var arr1 = [[1,2],[1,4,3],[7,8,9]]

arr2 = arr1.reduce((x,y) => x.concat(y), []);

// [1, 2, 1, 4, 3, 7, 8, 9]

“JavaScript中的reduce()怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网页名称:JavaScript中的reduce()怎么使用
本文链接:http://kswjz.com/article/igjooe.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流