Javascript中使用reduce

Posted 码呀码呀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript中使用reduce相关的知识,希望对你有一定的参考价值。

概念

reduce()方法,是Array的reduce把一个函数作用在数组[x1,x2,x3...]上,这个函数必须带两个参数,reduce把结果继续和数组的下一个元素做累计运算。

arr.reduce(callback[, initialValue]) 

  • callback(一个在数组中每一项上调用的函数,接受四个函数:)
    • previousValue(上一次调用回调函数时的返回值,或者初始值)
    • currentValue(当前正在处理的数组元素)
    • currentIndex(当前正在处理的数组元素下标)
    • array(调用reduce()方法的数组)
  • initialValue(可选的初始值。作为第一次调用回调函数时传给previousValue的值

使用场景

 

1累加

function add(x, y) {
      return x + y
    }

arr.reduce(add)

 

2 字符计数处理

var str = "abcdaadc";
var result = str.split(‘‘).reduce(function(p, k){

      p[k]?p[k]++:p[k] = 1;

      return p;

    },{});
console.log(result)
>{a: 3, b: 1, c: 2, d: 2}

  注:这只是reduce基本用法,其他用法需要自己探索,参考如下

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001435119854495d29b9b3d7028477a96ed74db95032675000

 


以上是关于Javascript中使用reduce的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 代码片段

48个值得掌握的JavaScript代码片段(上)

js数组高阶方法reduce经典用法代码分享

js数组高阶方法reduce经典用法代码分享

精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解!(转载)

Javascript:使用 reduce() 查找最小值和最大值?