Is there a way to sum up the values in my object without having to use Object.entries within?

Question

Is there a way to sum up the values in my object without having to use Object.entries within?

Here is a snippet from my JSON data:

const jsonData = {
  "08/23/2022": {
    "One": 254,
    "Two": 92,
    "Three": 8
  },
  "08/13/2022": {
    "One": 327,
    "Two": 86,
  },
  "08/14/2022": {
    "One": 431
  },
}

I am looking to calculate the sum of all the values in this JSON object, regardless of the keys. For example, in this case, the total sum would be 254+92+8+327+86+431, resulting in 1198. Initially, I was only considering the first value, but I realized that approach is incorrect. I am currently using a nested loop in my code to achieve this, as shown below:

let sum = 0;
for (const [key, value] of Object.entries(jsonData)) {
  Object.entries(value).forEach(val => sum += val[1])
}

Is there a more efficient or cleaner way to accomplish this task?

javascript json object

Answer 1

Answer №1

When dealing with nested objects, there are essentially two layers to navigate - the date-object pairs at the top level, and then the digit-number pairs within each inner object. It becomes clear that addressing this two-level nesting scenario requires a logical approach.

A more efficient strategy would involve utilizing Object.values - focusing solely on the values without concerning oneself with the keys.

const json = {
  "08/23/2022": {
    "One": 254,
    "Two": 92,
    "Three": 8
  },
  "08/13/2022": {
    "One": 327,
    "Two": 86,
  },
  "08/14/2022": {
    "One": 431
  },
};
const sum = Object.values(json)
  .flatMap(Object.values)
  .reduce((a, b) => a + b, 0);
console.log(sum);

The total sum is 1198, derived from adding up all the values: 254+92+8+327+86+431.

Although it's possible to iterate through nested properties by using JSON.stringify, this method is not recommended for real code as it involves iterating over all nested properties, making it an impractical approach.

const json = {
  "08/23/2022": {
    "One": 254,
    "Two": 92,
    "Three": 8
  },
  "08/13/2022": {
    "One": 327,
    "Two": 86,
  },
  "08/14/2022": {
    "One": 431
  },
};
let sum = 0;;
JSON.stringify(json, (_, val) => {
  if (typeof val === 'number') sum += val;
  return val;
});
console.log(sum);

Answer 2

When dealing with nested objects, there are essentially two layers to navigate - the date-object pairs at the top level, and then the digit-number pairs within each inner object. It becomes clear that addressing this two-level nesting scenario requires a logical approach.

A more efficient strategy would involve utilizing Object.values - focusing solely on the values without concerning oneself with the keys.

const json = {
  "08/23/2022": {
    "One": 254,
    "Two": 92,
    "Three": 8
  },
  "08/13/2022": {
    "One": 327,
    "Two": 86,
  },
  "08/14/2022": {
    "One": 431
  },
};
const sum = Object.values(json)
  .flatMap(Object.values)
  .reduce((a, b) => a + b, 0);
console.log(sum);

The total sum is 1198, derived from adding up all the values: 254+92+8+327+86+431.

Although it's possible to iterate through nested properties by using JSON.stringify, this method is not recommended for real code as it involves iterating over all nested properties, making it an impractical approach.

const json = {
  "08/23/2022": {
    "One": 254,
    "Two": 92,
    "Three": 8
  },
  "08/13/2022": {
    "One": 327,
    "Two": 86,
  },
  "08/14/2022": {
    "One": 431
  },
};
let sum = 0;;
JSON.stringify(json, (_, val) => {
  if (typeof val === 'number') sum += val;
  return val;
});
console.log(sum);

Is there a way to sum up the values in my object without having to use Object.entries within?

Answer №1

Similar questions

"Automate the process of manual content duplication with JavaScript's for each replacement

Sending a JSON object in Swift without using the traditional "key - value" pair formatStringEncoding in Swift without the usual "key

Having trouble displaying Ad-Gallery Loader.gif?

When attempting to modify the date and time input within the table, I find that as soon as I begin typing the first number, it automatically triggers the edit mode

Tips on tallying the frequency of items in a state array

Send the data from a table row to an AJAX request using JSON format when a checkbox is selected in a VB.NET

Troubleshooting a Problem with the Horizontal Scrollbar in Dynamic jqGrid

Failed verification of C-Lang in React-Hardware/Particle

Sharing data between two components on the same level in Vue.js

Is there a way to prevent a web page from automatically refreshing using JavaScript?

Delivering resources through the Nuxt configuration file

Looking to display or conceal a text box with a date picker based on the selection of a specific value from a drop-down menu

Having trouble with a JavaScript function and tag that don't seem to be working in Chrome, but function well in Mozilla Firefox. Can anyone provide assistance with

Executing code after sending an HTTP response in Next.js: A comprehensive guide

Troubleshooting: Why is my Local Image not displaying in ReactJS

Having trouble with loading a new page on an HTML website

What is the best way to showcase Json API content on an HTML page?

I desire to perform a specific task when there is a modification in the path using react router framework

Issues with AngularJS ng-bind-html failing to display list items

Vue.js methods bound as properties on a parent object