JavaScript code to calculate the total of elements in a multi-dimensional array

Question

JavaScript code to calculate the total of elements in a multi-dimensional array

I am working on a JavaScript project where I need to calculate the sum of each subarray using forEach, map, and reduce functions. My goal is to have an output like this:

sum = [8, 13, 22]

However, despite my efforts, I cannot seem to get the desired outcome. Can someone please help me figure out where I am making a mistake? Thank you.

var Data = [{"a":1,"b":2,"c":5},{"a":3,"b":4,"c":6},{"a":6,"b":7,"c":9}];
var newArr = [];
Data.forEach(function(item) { 
  item = item.reduce(function(a, b) {
    return a + b;
  });
  newArr.push([item]);
});
console.log(newArr);

javascript arrays sum

Answer 1

Answer №1

You have the option to calculate the totals of each object's values.

var data = [{ a: 1, b: 2, c: 5 }, { a: 3, b: 4, c: 6 }, { a: 6, b: 7, c: 9 }],
    result = data.map(obj => Object.values(obj).reduce((acc, val) => acc + val));

console.log(result);

Here are some notes on the provided code:

Remember that you cannot directly iterate over an object using reduce, as it is designed for arrays. To overcome this, extract the object values using Object.values and then perform the iteration.

Return the sum without wrapping it in an array.

var Data = [{"a":1,"b":2,"c":5},{"a":3,"b":4,"c":6},{"a":6,"b":7,"c":9}];
var newArr = [];
Data.forEach(function(item) { 
    var sum = Object.values(item).reduce(function(acc, val) {
        return acc + val;
    });
    newArr.push(sum);
});

console.log(newArr);

A more efficient approach would be utilizing Array#map, especially when you require one value per array element.

var data = [{"a":1,"b":2,"c":5},{"a":3,"b":4,"c":6},{"a":6,"b":7,"c":9}];
    newArr = data.map(function(item) { 
        return Object.values(item).reduce(function(a, b) {
            return a + b;
        });
    });

console.log(newArr);

Answer 2

You have the option to calculate the totals of each object's values.

var data = [{ a: 1, b: 2, c: 5 }, { a: 3, b: 4, c: 6 }, { a: 6, b: 7, c: 9 }],
    result = data.map(obj => Object.values(obj).reduce((acc, val) => acc + val));

console.log(result);

Here are some notes on the provided code:

Remember that you cannot directly iterate over an object using reduce, as it is designed for arrays. To overcome this, extract the object values using Object.values and then perform the iteration.

Return the sum without wrapping it in an array.

var Data = [{"a":1,"b":2,"c":5},{"a":3,"b":4,"c":6},{"a":6,"b":7,"c":9}];
var newArr = [];
Data.forEach(function(item) { 
    var sum = Object.values(item).reduce(function(acc, val) {
        return acc + val;
    });
    newArr.push(sum);
});

console.log(newArr);

A more efficient approach would be utilizing Array#map, especially when you require one value per array element.

var data = [{"a":1,"b":2,"c":5},{"a":3,"b":4,"c":6},{"a":6,"b":7,"c":9}];
    newArr = data.map(function(item) { 
        return Object.values(item).reduce(function(a, b) {
            return a + b;
        });
    });

console.log(newArr);

Answer 3

Answer №2

Looking at the given example, it appears to be the traditional approach

var Data = [{"a":1,"b":2,"c":5},{"a":3,"b":4,"c":6},{"a":6,"b":7,"c":9}];
var newArr = [];
Data.forEach(function(object) {
  let sum = 0;
  for (var property in object) {
    if (object.hasOwnProperty(property)) {
        sum += object[property]
    }
 }
  newArr.push(sum);
});
console.log(newArr);

Answer 4

Looking at the given example, it appears to be the traditional approach

var Data = [{"a":1,"b":2,"c":5},{"a":3,"b":4,"c":6},{"a":6,"b":7,"c":9}];
var newArr = [];
Data.forEach(function(object) {
  let sum = 0;
  for (var property in object) {
    if (object.hasOwnProperty(property)) {
        sum += object[property]
    }
 }
  newArr.push(sum);
});
console.log(newArr);

JavaScript code to calculate the total of elements in a multi-dimensional array

Answer №1

Answer №2

Similar questions

JavaScript Regular Expression for standardizing phone number input

By using Yii2, you can pass an id to the URL by simply clicking on a

Using Scanf in C to Handle Multiple Conditions

Tips for changing an input value when clicked using JQuery

Vuejs tab not displaying images

Displaying the unique values based on the key attribute

Simply close by clicking outside using basic vanilla JavaScript

Calculating Time Difference in JavaScript Without Utilizing moment.js Library

Error: The function $.get is not recognized when using jQuery with babel-node

Strategies for resolving the problem of null values from getParameter() being passed from AJAX to servlet

Error: Unable to access the 'prototype' property of an undefined object (inherits_browser.js)

A solo-dimensional array generated within a PHP while loop

What is the best method for storing objects in Firebase in order to easily rearrange them at a later time?

Mastering the Rejection of Promises in Javascript with Graceful Elegance

Ensuring a button (class) is in active hover mode when the document loads

AngularJS - Introducing blurred delay

Switch up the URL and redirect by employing jQuery

Exploring Array Iteration and Incrementing with Easing Techniques

Ways to modify the appearance of the button within ion-calendar

How to implement a self-invoking function in React JS like you would in regular JavaScript?