What is the best way to calculate the total of values in a JavaScript object?

Question

What is the best way to calculate the total of values in a JavaScript object?

In my array, I have a list of items with prices that I am attempting to sum up. Here is how it appears in the Chrome developer tools:

(3) [{…}, {…}, {…}]0: {ID: 1, ProductName: " New phone 1", Price: "€ 600"}1: {ID: 3, ProductName: " New phone 2", Price: "€ 1000"}2: {ID: 4, ProductName: " New phone 3", Price: "€ 400"}length: 3__proto__: Array(0)

I want to extract the prices for each item and calculate the total sum of all values. The number of items can vary as they are fetched from an API. Currently, this is how I am accessing the prices:

function setTotalPrice() {
    fetch("http://localhost:1234/api/Product")
        .then(response=>response.json())
        .then(data => {
            data.forEach(element => {
                console.log(element.Price)
            });
        })
}

javascript arrays

Answer 1

Answer №1

To extract the numbers from the Price string, you can use the split method and then sum them up using the reduce function.

const data = [
    { ID: 1, ProductName: 'New phone 1', Price: '€ 600' },
    { ID: 3, ProductName: 'New phone 2', Price: '€ 1000' },
    { ID: 4, ProductName: 'New phone 3', Price: '€ 400' },
];

const result = data.reduce((acc, val) => acc + parseInt(val.Price.split(' ')[1], 10), 0);

console.log(result);
console.log('€ ' + result);

If the API returns a floating point number for the Price, make sure to use parseFloat instead:

const data = [
    { ID: 1, ProductName: 'New phone 1', Price: '€ 600.25' },
    { ID: 3, ProductName: 'New phone 2', Price: '€ 1000' },
    { ID: 4, ProductName: 'New phone 3', Price: '€ 400.10' },
];

const result = data.reduce((acc, val) => acc + parseFloat(val.Price.split(' ')[1]), 0);

console.log(result);
console.log('€ ' + result);

Answer 2

To extract the numbers from the Price string, you can use the split method and then sum them up using the reduce function.

const data = [
    { ID: 1, ProductName: 'New phone 1', Price: '€ 600' },
    { ID: 3, ProductName: 'New phone 2', Price: '€ 1000' },
    { ID: 4, ProductName: 'New phone 3', Price: '€ 400' },
];

const result = data.reduce((acc, val) => acc + parseInt(val.Price.split(' ')[1], 10), 0);

console.log(result);
console.log('€ ' + result);

If the API returns a floating point number for the Price, make sure to use parseFloat instead:

const data = [
    { ID: 1, ProductName: 'New phone 1', Price: '€ 600.25' },
    { ID: 3, ProductName: 'New phone 2', Price: '€ 1000' },
    { ID: 4, ProductName: 'New phone 3', Price: '€ 400.10' },
];

const result = data.reduce((acc, val) => acc + parseFloat(val.Price.split(' ')[1]), 0);

console.log(result);
console.log('€ ' + result);

Answer 3

Answer №2

let total = items
  .map(({ cost }) => {
    const startIndex = cost.substring(cost.lastIndexOf(' ') + 1);
    return parseFloat(startIndex, 10)
  })
  .reduce((x, y) => x + y, 0)
console.log(`Total Cost: $ ${total}`)

Answer 4

let total = items
  .map(({ cost }) => {
    const startIndex = cost.substring(cost.lastIndexOf(' ') + 1);
    return parseFloat(startIndex, 10)
  })
  .reduce((x, y) => x + y, 0)
console.log(`Total Cost: $ ${total}`)

Answer 5

Answer №3

A great way to calculate the sum of prices using JavaScript is by utilizing the reduce method along with a regular expression like /\d+/

let data = [
    { id: 1, product: 'phone 1', price: '€ 400' },
    { id: 3, product: 'phone 2', price: '€ 3000' },
    { id: 4, product: 'phone 3', price: '€ 600' },
];

let sum = data.reduce((a,{price}) => a + Number(price.match(/\d+/)),0);

console.log(sum);

Answer 6

A great way to calculate the sum of prices using JavaScript is by utilizing the reduce method along with a regular expression like /\d+/

let data = [
    { id: 1, product: 'phone 1', price: '€ 400' },
    { id: 3, product: 'phone 2', price: '€ 3000' },
    { id: 4, product: 'phone 3', price: '€ 600' },
];

let sum = data.reduce((a,{price}) => a + Number(price.match(/\d+/)),0);

console.log(sum);

What is the best way to calculate the total of values in a JavaScript object?

Answer №1

Answer №2

Answer №3

Similar questions

Turn off and then turn on user input without exiting the textarea

Display various v-dialog boxes with distinct contents in a vue.js environment

After making changes to the variables in my forEach loop, they revert back to their initial values

Exploring Uncharted Territory: Defining Array Bounds and Iterating through

What is the best way to destructure an array enclosed within the Promise keyword in JavaScript?

Transferring values between arrays in PHP: A step-by-step guide

Form featuring a mandatory checkbox that must be selected in order to proceed; failure to do so will result in an

Converting an unordered list into a <select> dropdown with jquery - a step-by-step guide

Exploring the creation of a WebGL viewer by utilizing Three.js in conjunction with ColladaLoader.js

JavaScript Discord Bot Unresponsive to Commands

Discover the smallest 'duo' within a collection

An issue with array segmentation causing a fault in C programming

Managing HTML5 Video in a slider

Javascript prototype issue - Variable stays undefined

Encountering a parsing issue within my React program

Managing webdriver.io timeouts

Populate a database with information stored in an array using Codeigniter

Steps to develop a countdown timer for every iteration of sending an API request using a specified list

Obtain the parameters of a JavaScript function that is stored as a string

How can one effectively manage irregularly nested object/arrays within a Meteor framework?