从MDN还原示例的说明

Question

有人可以详细说明一下此代码段

var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];

var countedNames = names.reduce(function (allNames, name) { 
    if (name in allNames) {
        allNames[name]++;
    } else {
        allNames[name] = 1;
    }
    return allNames;
}, {}); 

请说明回调函数如何获取数组名称并给出答案

countedNames is:
// { 'Alice': 2, 'Bob': 1, 'Tiff': 1, 'Bruce': 1 }

Answer 1

更清楚地说，这是从功能到过程的相同代码

const names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];

const countedNames = {};
for (let i = 0; i < names.length; i++) {
  let name = names[i];
  // if exists increment, else set to 1
  if (countedNames[name] != null) {
    countedNames[name]++;
  } else {
    countedNames[name] = 1;
  }
}

console.log(countedNames);

在reduce {}是初始值，然后数组中的每个元素都通过reduce函数运行以修改最终值。

Answer 2

这定义并排列了5个元素

var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];

让我们分别定义函数以便于解释

此函数接受两个参数(allNames, name) 。 该函数返回的allNames在每次迭代时都会添加到allNames中。

var myFunc = function (allNames, name) {

如果allNames已经包含name ，则将其值递增

   if (name in allNames) {
        allNames[name]++;
    }

否则，将name添加为键并将其值设置为1

    else {
        allNames[name] = 1;
    }

从此函数返回allNames ，因此reduce可以将其作为allNames传递allNames下一个迭代

   return allNames;
}

这会将countedNames .reduce()的结果分配给countedNames并且{}是初始值

var countedNames = names.reduce(myFunc, {});