Reducir Arrays en JavaScript | Tutorial de Cálculo de Suma

Introducción

En este laboratorio, exploraremos el uso del método Array.prototype.reduce() para calcular la suma de dos o más números/arrays. Aprenderemos cómo inicializar un acumulador con un valor de 0 y cómo usar el operador de propagación para pasar un array como argumentos individuales. Al final de este laboratorio, tendrás una mejor comprensión de cómo usar el método reduce() en JavaScript.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28633{{"Reducción de Arrays en JavaScript"}} javascript/data_types -.-> lab-28633{{"Reducción de Arrays en JavaScript"}} javascript/arith_ops -.-> lab-28633{{"Reducción de Arrays en JavaScript"}} javascript/comp_ops -.-> lab-28633{{"Reducción de Arrays en JavaScript"}} javascript/higher_funcs -.-> lab-28633{{"Reducción de Arrays en JavaScript"}} javascript/spread_rest -.-> lab-28633{{"Reducción de Arrays en JavaScript"}} end

Así es como se encuentra la suma de un array

Para encontrar la suma de un array de números, siga estos pasos:

Abra la Terminal/SSH y escriba node para comenzar a codificar.
Utilice el método Array.prototype.reduce() para agregar cada valor a un acumulador, que debe inicializarse con un valor de 0.
Aquí está el código que puede utilizar para encontrar la suma del array:

const sum = (...arr) => [...arr].reduce((acc, val) => acc + val, 0);

Para probar la función sum, use los siguientes ejemplos de código:

sum(1, 2, 3, 4); // 10
sum(...[1, 2, 3, 4]); // 10

Siguiendo estos pasos, puede encontrar fácilmente la suma de un array de números utilizando JavaScript.

Resumen

¡Felicidades! Has completado el laboratorio de Suma de Array. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.