Do not merge, insert Entities in Array

Question

Do not merge, insert Entities in Array

I am having an issue with calculating the total order prices (in USD) in an object array. Instead of summing the total, the order totals are being concatenated. How can I ensure that addition is performed instead of concatenation?

<body>
<p id=sales></p>
<script>
var sales, i, x = "";

sales = {"orders": [{"total_price_usd": "92.05"}, {"total_price_usd": "14.90"}, {"total_price_usd": "17.90"}, {"total_price_usd": "14.90"}]}

for (i in sales.orders) {
    x += sales.orders[i].total_price_usd + ', ';
}
var numbers = [x];
function getSum(total, num) {
    return parseFloat(total) + parseFloat(num);
}
document.getElementById('sales').innerHTML = '$' + numbers.reduce(getSum);
</script>
</body>

javascript arrays sum

Answer 1

Answer №1

This code does not generate an array of numbers:

var numbers = [x];

Instead, it is creating an array with a single element that is a string, similar to this:

var numbers = ["92.05, 14.90, 17.90, 14.90"]

When you use numbers.reduce(), it only processes the first number in the string and does not iterate over all of them. Storing a string in a variable does not automatically parse it as JavaScript source code.

To correctly create an array of numbers, you should use this approach:

var numbers = []
for (var i = 0; i < sales.order.length; i++) {
    numbers.push(parseFloat(sales.order[i].total_price_usd));
}

Alternatively, you can perform the addition within the loop itself instead of using reduce() later on:

var total = 0;
for (var i = 0; i < sales.order.length; i++) {
    total += parseFloat(sales.order[i].total_price_usd);
}

Answer 2

This code does not generate an array of numbers:

var numbers = [x];

Instead, it is creating an array with a single element that is a string, similar to this:

var numbers = ["92.05, 14.90, 17.90, 14.90"]

When you use numbers.reduce(), it only processes the first number in the string and does not iterate over all of them. Storing a string in a variable does not automatically parse it as JavaScript source code.

To correctly create an array of numbers, you should use this approach:

var numbers = []
for (var i = 0; i < sales.order.length; i++) {
    numbers.push(parseFloat(sales.order[i].total_price_usd));
}

Alternatively, you can perform the addition within the loop itself instead of using reduce() later on:

var total = 0;
for (var i = 0; i < sales.order.length; i++) {
    total += parseFloat(sales.order[i].total_price_usd);
}

Answer 3

Answer №2

To assist with the task at hand, consider utilizing parseFloat() on the variables and initializing x to 0.

var sales, i, x = 0;

sales = {"orders": [{"total_price_usd": "92.05"}, {"total_price_usd": "14.90"}, {"total_price_usd": "17.90"}, {"total_price_usd": "14.90"}]}

for (i in sales.orders) {
    x += parseFloat(sales.orders[i].total_price_usd);
}
var numbers = [x];
function getSum(total, num) {
    return parseFloat(total) + parseFloat(num);
}
document.getElementById('sales').innerHTML = '$' + numbers.reduce(getSum);

<div id="sales"></div>

It is important to note that when performing addition with floating point numbers in JavaScript, there may be slight discrepancies. Is floating point math broken?

Answer 4

To assist with the task at hand, consider utilizing parseFloat() on the variables and initializing x to 0.

var sales, i, x = 0;

sales = {"orders": [{"total_price_usd": "92.05"}, {"total_price_usd": "14.90"}, {"total_price_usd": "17.90"}, {"total_price_usd": "14.90"}]}

for (i in sales.orders) {
    x += parseFloat(sales.orders[i].total_price_usd);
}
var numbers = [x];
function getSum(total, num) {
    return parseFloat(total) + parseFloat(num);
}
document.getElementById('sales').innerHTML = '$' + numbers.reduce(getSum);

<div id="sales"></div>

It is important to note that when performing addition with floating point numbers in JavaScript, there may be slight discrepancies. Is floating point math broken?

Answer 5

Answer №3

To access the array sales.orders directly, you can use this method
In the function getSum, retrieve the price in USD using num.total_price_usd

var sales = {"orders": [{"total_price_usd": "92.05"}, {"total_price_usd": "14.90"}, {"total_price_usd": "17.90"}, {"total_price_usd": "14.90"}]};

//------------- Make sure to validate this logic
var i, x = ""

// Create an array like this: ["1, 2, 4, 5"].
for (i in sales.orders) {
    x += sales.orders[i].total_price_usd + ', ';
}
var numbers = [x];
//-------------------------------------------

function getSum(total, num) {
    return parseFloat(total) + parseFloat(num.total_price_usd);
}

document.getElementById('sales').innerHTML = '$' + sales.orders.reduce(getSum, 0);

<p id=sales></p>

Answer 6

To access the array sales.orders directly, you can use this method
In the function getSum, retrieve the price in USD using num.total_price_usd

var sales = {"orders": [{"total_price_usd": "92.05"}, {"total_price_usd": "14.90"}, {"total_price_usd": "17.90"}, {"total_price_usd": "14.90"}]};

//------------- Make sure to validate this logic
var i, x = ""

// Create an array like this: ["1, 2, 4, 5"].
for (i in sales.orders) {
    x += sales.orders[i].total_price_usd + ', ';
}
var numbers = [x];
//-------------------------------------------

function getSum(total, num) {
    return parseFloat(total) + parseFloat(num.total_price_usd);
}

document.getElementById('sales').innerHTML = '$' + sales.orders.reduce(getSum, 0);

<p id=sales></p>

Answer 7

Answer №4

To calculate the total, you can utilize the reduce method along with the Number constructor:

sales = {"orders": [{"total_price_usd": "92.05"}, {"total_price_usd": "14.90"}, {"total_price_usd": "17.90"}, {"total_price_usd": "14.90"}]}

const total = sales.orders.reduce(
  (sum, order) => sum + Number(order.total_price_usd), 
  0
)

console.log(total)

parseFloat and unary plus sign + are also alternatives for this calculation. Some find the use of Number more readable, but personal preferences may vary.

Answer 8

To calculate the total, you can utilize the reduce method along with the Number constructor:

sales = {"orders": [{"total_price_usd": "92.05"}, {"total_price_usd": "14.90"}, {"total_price_usd": "17.90"}, {"total_price_usd": "14.90"}]}

const total = sales.orders.reduce(
  (sum, order) => sum + Number(order.total_price_usd), 
  0
)

console.log(total)

parseFloat and unary plus sign + are also alternatives for this calculation. Some find the use of Number more readable, but personal preferences may vary.

Do not merge, insert Entities in Array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Uncertainty surrounding the handling of children/props rendering - at what point are expressions actually assessed?

Attempting to implement usedispatch hook in combination with userefs, however, encountering issues with functionality

Displaying an external webpage within a Backbone application

Exploring the Wonders of React Memo

What steps are involved in setting up a Typescript-based custom Jest environment?

Using json_encode in PHP results in nullification of HTML strings

Having trouble integrating VueX store and router into Mocha tests

What is the best way to assign a percentage width based on a variable in jQuery?

What is a sophisticated method to hide an element from view?

Troubleshooting a Non-Responsive React onClick Event in ES6

Creating a tree structure using an array of objects

Transform the image data retrieved from an external API into the appropriate format for displaying on the webpage

Unable to include the index parameter in the subsequent $http request

NextJs issue: Your `getStaticProps` function failed to return an object

What are the appropriate scenarios to utilize the declare keyword in TypeScript?

How can I include a request header in a link using an EJS template in Express/Node.js?

Using JavaScript to Implement a Scrolling List

What is the best way to assign a value to a class variable within a method by referencing the 'this' keyword?

The execution of Ajax is not taking place

What is the process for invoking a JavaScript function from the code-behind of an Asp.Net application?