javascript - reduce统计个数问题

Question

在nodeschool上看到这个问题

function countWords(arr) {
  return arr.reduce(function(countMap, word) {
    countMap[word] = ++countMap[word] || 1 // increment or initialize to 1
    return countMap
  }, {}) // second argument to reduce initialises countMap to {}
}

module.exports = countWords

传入数据

var inputWords = ['Apple', 'Banana', 'Apple', 'Durian', 'Durian', 'Durian']

得到的结果

{
    //   Apple: 2,
    //   Banana: 1,
    //   Durian: 3
    // }

实现这个过程的js原理是什么

Answer 1

function countWords(arr) {
  // 首先你得知道 reduce 各个参数是啥，可参考 MDN。
  return arr.reduce(function(countMap, word) {
    // countMap 一直在过程中传递
    // 如果 countMap[word] 存在，则 countMap[word] = ++countMap[word] = countMap[word] + 1，即加一
    // 如果 countMap[word] 不存在，则 countMap[word] = ++undefined || 1 = NaN || 1 = 1，即初始化为一
    countMap[word] = ++countMap[word] || 1
    return countMap
  }, {}) // {} 就是 countMap，初始化为空对象
}

Answer 2

首先知道 reduce 函数的作用：Array.prototype.reduce() - JavaScript | MDN

开断点跟一下就明白了：

countMap 初始值为 {}

第一轮：

{
    Apple: 1
}

第二轮：

{
    Apple:1,
    Banana:1
}

第三轮：

{
    Apple:2,
    Banana:1
}

以此类推。。。