累加器

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。
reduce() 可以作为一个高阶函数，用于函数的 compose。
注意: reduce() 对于空数组是不会执行回调函数的。

语法：

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

total: 必需。初始值, 或者计算结束后的返回值。
currentValue: 必需。当前元素
currentIndex: 可选。当前元素的索引
arr: 可选。当前元素所属的数组对象。
initialValue: 可选。传递给函数的初始值, 任意数据类型（数字，对象…）

image.png

计算当前页面有多少标签，并找出出现次数最多的三个

var arr = […document.getElementsByTagName(‘*’)].map(v => v.tagName)
当前页面出现标签次数最多的三个
1.计算所有标签出现的次数
var arr2 = arr.reduce((obj, tag) => {obj[tag] = obj[tag] ? obj[tag] + 1: 1;return obj}, {})
// {} 是初始值， 返回的是一个对象
2.按照出现次数排序
var arr3 = Object.entries(arr2).sort((a, b) => b[1] - a[1])
3.取出前三个
arr3.slice(0, 3)