Efficiently calculating multiple sums of objects with d3.js

Question

Efficiently calculating multiple sums of objects with d3.js

My current object structure is:

{
  [

      {  id: "AL01",
         list: [
                  { speed : 5
                    value : 10} , 
                  { speed : 7
                    value : 15}
               ]
     }, 
     {  id: "AB01",
        list: [
                { speed : 20
                  value : 1} , 
                { speed : 8
                  value : 10}
              ]
     }

 ]

}

I aim to transform it into the following format:

{[ {  id: "AL01", speed: 12, value: 25}, {  id: "AB01", speed: 28, value: 11}]}

What is the most efficient way to achieve this? Is it possible to use the map or forEach functions only once? I am looking for a solution that processes each object only once.

javascript arrays d3.js nested sum

Answer 1

Answer №1

Your current data structure needs adjustment. You must include a property for the outermost array in your data object. Here's how you can rectify it:

var data = {groups: [ {id: "AL01", list: [{ speed : 5, value : 10}, { speed : 7, value : 15}]}, {id: "AB01", list: [{ speed : 20, value : 1 }, { speed : 8, value : 10}]}]},
  result = {groups: data.groups.map(g => Object.assign({id: g.id},g.list.reduce((r,c) => ({speed : r.speed + c.speed, value : r.value + c.value})))};
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

Your current data structure needs adjustment. You must include a property for the outermost array in your data object. Here's how you can rectify it:

var data = {groups: [ {id: "AL01", list: [{ speed : 5, value : 10}, { speed : 7, value : 15}]}, {id: "AB01", list: [{ speed : 20, value : 1 }, { speed : 8, value : 10}]}]},
  result = {groups: data.groups.map(g => Object.assign({id: g.id},g.list.reduce((r,c) => ({speed : r.speed + c.speed, value : r.value + c.value})))};
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Answer №2

To achieve the desired outcome, it is essential to incorporate additional loops.

Firstly, work through the outer array, then proceed to iterate over the list and introduce another array for the keys. Subsequently, gather all relevant data and generate a new object with an alternative structure.

var array = [{ id: "AL01", list: [{ speed: 5, value: 10 }, { speed: 7, value: 15 }] }, { id: "AB01", list: [{ speed: 20, value: 1 }, { speed: 8, value: 10 }] }],
    result = array.map(function (a) {
        var temp = { id: a.id, speed: 0, value: 0 };
        a.list.forEach(function (b) {
            ['speed', 'value'].forEach(function (k) {
                temp[k] += b[k];
            });
        });
        return temp;
    });

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 4

To achieve the desired outcome, it is essential to incorporate additional loops.

Firstly, work through the outer array, then proceed to iterate over the list and introduce another array for the keys. Subsequently, gather all relevant data and generate a new object with an alternative structure.

var array = [{ id: "AL01", list: [{ speed: 5, value: 10 }, { speed: 7, value: 15 }] }, { id: "AB01", list: [{ speed: 20, value: 1 }, { speed: 8, value: 10 }] }],
    result = array.map(function (a) {
        var temp = { id: a.id, speed: 0, value: 0 };
        a.list.forEach(function (b) {
            ['speed', 'value'].forEach(function (k) {
                temp[k] += b[k];
            });
        });
        return temp;
    });

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Efficiently calculating multiple sums of objects with d3.js

Answer №1

Answer №2

Similar questions

"Converting array into a string in TypeScript/Javascript, but unable to perform operations

Encounter the error message "Socket closure detected" upon running JSReport in the background on a RHEL system

Is there a way to extract values from EditText and store them as a sum in an array?

Adjust the quantity of divs shown depending on the value entered in a text input field

Disabling the scroll-bar feature exclusively

What is the best way to incorporate a vanilla javascript function into a vue.js application?

The use of React input sliders with Hooks is a powerful

Challenge encountered with asynchronous angular queries

Creating a 2D matrix with for loops in Python

What is the best way to divide a string following the nth instance of a particular character?

Show information in a horizontal layout, but switch to a stacked arrangement if the screen is too narrow

Grouping and populating in Mongoose: A comprehensive guide

The transition from ExtJS 4 to ExtJS 5: A comprehensive guide

Information sent by the Firefox TCP socket using the socket.send() method cannot be retrieved until the socket is closed

Failure to Trigger AJAX Success Event

Acquire the text within an anchor tag using JavaScript

Discovering all jQuery functions employed in a JavaScript file can be accomplished through the utilization of regular expressions

List-style-type outside of a table's boundaries

extract information from a JavaScript string

Is there a way to save a user-inputted HTML table to local storage and later showcase it on a separate results HTML page?