El método reduce() aplica una función a un acumulador y a cada valor
de una array (de izquierda a derecha) para reducirlo a un único valor.
¿Qué significa esto? Que la función lo que hará será operar cada valor del array
y guardar el resultado de la operación en el acumulador.
¿Qué es el acumulador y como lo uso? Esto nos lleva directamente a los argumentos que podemos usar en la función que ejecuta reduce()
. En nuestro caso:
function(countLetter, letter) { ... }
El primer argumento corresponde a nuestro acumulador (en nuestro caso se llama countLetter y el segundo corresponde a cada uno de los elementos de nuestro array
(en nuestro caso se llama letter.
¿Y qué es lo hace esa función en sus tripas?
countLetter[letter] = (countLetter[letter] || 0) + 1;
return countLetter;
Lo que hace es tratar de crear una propiedad en nuestro acumulador, usando como nombre la letra que esté iterando en ese momento. En caso de que esa propiedad no exista la creará y le dará valor 0 para después sumarle 1 y en caso de que ya exista le dará el valor de lo que ya tenga + 1.
Por último, cuando se haya recorrido el array
por completo, la función retornará el acumulador.
Se podría hacer de otra manera, claro está, pero sería básicamente imitar lo que hace la función reduce()
pero en un mayor número de lineas.
const letters = ["D", "A", "V", "I", "D"];
const letras_contadas = contar_letras(letters);
console.log(letras_contadas);
function contar_letras (letras) {
let letras_contadas = {};
letras.forEach(function (letra) {
if (letra in letras_contadas) {
letras_contadas[letra]++;
}
else {
letras_contadas[letra] = 1;
}
});
return letras_contadas;
}
Referencia: reduce()