Introducción
En este laboratorio, exploraremos el concepto de la suma de un array mapeado en JavaScript. El objetivo del laboratorio es proporcionar una comprensión profunda de cómo calcular la suma de un array al mapear cada elemento a un valor utilizando la función proporcionada. Al final de este laboratorio, los aprendices podrán utilizar Array.prototype.map() y Array.prototype.reduce() para implementar la suma de un array mapeado en sus proyectos de JavaScript.
Función para calcular la suma de los elementos de un array mapeado
Para calcular la suma de un array al mapear cada elemento a un valor utilizando una función proporcionada, utiliza la función sumBy. Esta función utiliza Array.prototype.map() para mapear cada elemento al valor devuelto por fn. Luego, utiliza Array.prototype.reduce() para sumar cada valor a un acumulador, que se inicializa con un valor de 0.
const sumBy = (arr, fn) =>
arr
.map(typeof fn === "function" ? fn : (val) => val[fn])
.reduce((acc, val) => acc + val, 0);
Uso de ejemplo:
sumBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], (x) => x.n); // Devuelve 20
sumBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], "n"); // Devuelve 20
Para comenzar a practicar la codificación con esta función, abre la Terminal/SSH y escribe node.
Resumen
¡Felicitaciones! Has completado el laboratorio de Suma de Array Mapeado. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.