Почему reduce работает именно так?

231

18 октября 2017, 08:44

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; 
  }, {}); 
   
console.log(countedNames);

При первом вызове функции reduce аргумент allNames равен {Alice: 1}. Как так получается, что элемент массива становится объектом, где свойство Alice равно 1? Почему не просто "Alice"?
Почему name равно "Alice", а не "Bob"? Ведь по идее allNames, аккумулятор, равняется первому элементу массива names, а name - должен указывать на следующий?

Answer 1

В параметре для reduce, который задает начальное значение стоит {}, т.е. объект. Поэтому все аккумулируется в объект. Когда объект пустой (на первой итерации) срабатывает

allNames[name] = 1;

здесь в allNames создается поле с именем по содержимому name и это поле инициализируется значением 1. Получается, что после обработки первого элемента массива allNames становится