Soma e média de elementos de array em JavaScript: como calcular (for e reduce)

Neste artigo você vai aprender a como obter soma e média de elementos de array em JavaScript, vem conferir o artigo!

Fala programador(a), beleza? Bora aprender mais sobre JavaScript e arrays!

JavaScript é uma linguagem de programação versátil que suporta muitas operações matemáticas. Uma tarefa comum é calcular a soma e média dos elementos de um array.

Neste artigo, vamos mostrar como obter a soma e média de elementos de array em JavaScript.

Para começar, vamos considerar um array simples de números:

const numeros = [2, 5, 7, 9, 10];

A partir desse array, podemos calcular a soma e a média dos elementos.

Soma dos elementos de um array

Para calcular a soma dos elementos de um array, podemos usar um loop for para percorrer todos os elementos do array e adicionar cada um à soma total.

Aqui está um exemplo:

const numeros = [2, 5, 7, 9, 10];
let soma = 0;
for (let i = 0; i < numeros.length; i++) {
  soma += numeros[i];
}
console.log("A soma dos elementos é:", soma);

Neste exemplo, criamos uma variável soma e usamos um loop for para percorrer todos os elementos do array.

A cada iteração do loop, adicionamos o elemento atual à soma total.

No final, imprimimos a soma na tela.

Média dos elementos de um array

Para calcular a média dos elementos de um array, precisamos primeiro calcular a soma dos elementos, como mostrado anteriormente.

Em seguida, podemos dividir a soma pelo número de elementos no array para obter a média.

Aqui está um exemplo:

const numeros = [2, 5, 7, 9, 10];
let soma = 0;
for (let i = 0; i < numeros.length; i++) {
  soma += numeros[i];
}
const media = soma / numeros.length;
console.log("A média dos elementos é:", media);

Neste exemplo, depois de calcular a soma dos elementos, dividimos a soma pelo número de elementos no array para obter a média.

Em seguida, imprimimos a média na tela.

Utilizando a função reduce()

Outra maneira de calcular a soma dos elementos de um array em JavaScript é usando a função reduce().

A função reduce() permite reduzir todos os elementos do array a um único valor, aplicando uma função de callback em cada elemento.

Aqui está um exemplo:

const numeros = [2, 5, 7, 9, 10];
const soma = numeros.reduce((acumulador, elemento) => acumulador + elemento, 0);
console.log("A soma dos elementos é:", soma);

Neste exemplo, usamos a função reduce() para somar todos os elementos do array. A função de callback soma cada elemento ao acumulador, começando com um valor inicial de 0.

Para calcular a média dos elementos de um array, podemos combinar a função reduce() com o método length do array. Aqui está um exemplo:

const numeros = [2, 5, 7, 9, 10];
const soma = numeros.reduce((acumulador, elemento) => acumulador + elemento, 0);
const media = soma / numeros.length;
console.log("A média dos elementos é:", media);

Neste exemplo, primeiro usamos a função reduce() para calcular a soma dos elementos.

Em seguida, dividimos a soma pelo número de elementos no array para obter a média.

Quer aprender mais sobre React? Confira o vídeo abaixo:

Conclusão

Em conclusão, a soma e média de elementos de array são cálculos simples em JavaScript que podem ser feitos de várias maneiras.

Podemos usar um loop for para percorrer todos os elementos do array e adicionar cada um à soma total para calcular a soma.

Em seguida, podemos dividir a soma pelo número de elementos no array para obter a média.

Outra maneira é utilizar a função reduce() do JavaScript para reduzir todos os elementos do array a um único valor e somá-los.

Em seguida, dividimos a soma pelo número de elementos no array para obter a média.

Esses cálculos podem ser úteis em muitas aplicações, como análises de dados, manipulação de arrays de números, etc.

Com essas informações, você pode utilizar as diferentes formas de calcular a soma e média dos elementos de um array em suas aplicações web com JavaScript.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Nosso principal objetivo é tornar você um dev no menor tempo possível, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Um bloco curto ‘E se o array estiver vazio?’ explicando que dividir a soma por numeros.length quando o array não tem elementos gera NaN (divisão por zero), e mostrando o guard simples: checar se numeros.length é maior que zero antes de calcular a média, retornando 0 (ou o valor que fizer sentido) caso contrário. Explicar o porquê antes do como e antecipar esse erro comum.

Uma seção ‘Média de um array de objetos’ mostrando como somar e tirar a média de uma propriedade específica quando o array é de objetos (ex.: uma lista de itens com campo preco ou nota), usando reduce() acessando acumulador + elemento.propriedade. Um exemplo de código com um array de objetos e o cálculo da média de um campo.

Uma nota rápida sobre arredondar a média com toFixed(), mostrando que media.toFixed(2) devolve a média com duas casas decimais (lembrando que o retorno vira string). Deixar claro quando usar isso (exibir na tela) e quando não (continuar calculando).