How to add numerical values from an array?

Question

I would like to know how I can get the sum of numerical values within a matrix. My case is the following, I am building a sales screen, currently I have an array with the products that the user selects to sell, I am displaying them on the screen normally. However I need to capture each value (price) of each product, and in the end I need to add up all prices to reach the total value of the sale, but I’m not sure how to do.

My current structure is as follows: :

//Capturo o objeto produto que foi selecionado, 1 ou mais produtos//
if(produto.selecionado == true && produto.selecionado >= 1){
  this.produtosMarcados.push(produto);
} 
   this.venda.produtos = this.produtosMarcados;
   console.log(this.venda.produtos);
}

//Capturo a descricao do item e os valores//
//Capturo a descricao dos produtos, funciona perfeitamente//
var i: any;
for (i=0; i < this.venda.produtos.length; i++){
  console.log("Os produtos são " +this.venda.produtos[i].descricao);
}

//Capturo o preço de cada item, funciona perfeitamente//
var v: any;
for (v=0; v < this.venda.produtos.length; v++){
  console.log("Os valores são " +this.venda.produtos[v].preco);
}

After this choice button I need to put on the screen the total value of the sale, where I need to add each position of the array.

Answer 1

You can use the function Reduce.

console.log(this.venda.produtos.reduce((total, produto) => total + produto.preco));

More about Reduce here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

Answer 2

I agree with Bruno Soares, where Reduce is the best solution for the sum. But from what I understand, in the variable this.venda.products you have an array of objects.

This way you can map to make this object array into an array of values and then use reduce to add those values.

Example:

var produto = [{preco: 1}, {preco: 2}];

console.log(produto.map((prod) => prod.preco).reduce((total, preco) => total + preco));