Transform a nested array of objects into a distinct set of objects based on the data in JavaScript or TypeScript

Question

Transform a nested array of objects into a distinct set of objects based on the data in JavaScript or TypeScript

I have a unique situation where I am dealing with a double nested array of objects, and I need to restructure it into a specific array format to better align with my table structure.

Here are the current objects I'm working with and the desired result structure:

let newData = {
  data: {
    summary: [
      // Objects go here
    ]
  }
};


// Result array structure
let result = [
  // Desired object structure goes here
];

I'm looking for guidance on how to efficiently iterate over these objects to achieve the desired structure. Given that I have a large amount of data, what would be the best approach to minimize the number of iterations needed?

javascript arrays typescript object

Answer 1

Answer №1

Give this code a try and observe the results. If you prefer, you can streamline the code into a single function.

const updatedData = newData.data.summary.map(item => {
  const updatedItem = {
    code: item.code,
  }
  item.data.forEach(d => {
    updatedItem[`${d.group}${d.currency}`] = d;
    d.amount = d.amount || "$0.00"; // setting default value for amount
    d.total = d.total || 0; // setting default value for total
  })
  return updatedItem;
});
console.log(JSON.stringify(updatedData));

Answer 2

Give this code a try and observe the results. If you prefer, you can streamline the code into a single function.

const updatedData = newData.data.summary.map(item => {
  const updatedItem = {
    code: item.code,
  }
  item.data.forEach(d => {
    updatedItem[`${d.group}${d.currency}`] = d;
    d.amount = d.amount || "$0.00"; // setting default value for amount
    d.total = d.total || 0; // setting default value for total
  })
  return updatedItem;
});
console.log(JSON.stringify(updatedData));

Transform a nested array of objects into a distinct set of objects based on the data in JavaScript or TypeScript

Answer №1

Similar questions

elimination of nonexistent object

"Clicking on one item in the Bootstrap submenu doesn't close the other items,

The React component does not trigger a re-render

Determining the instance type of a TypeScript singleton class

Looking for a condensed version of my app script to optimize speed and efficiency

Press the second form submit button after the completion of another Observable

The fonts in node.js are not functioning as expected, without displaying any error messages

What is the proper syntax for implementing the $q.all method?

Increasing the variable by 1 in PHP will result in the variable value being incremented to 1

Specialized express Validator for 2 particular fields

Swap out the <a> tag for an <input type="button"> element that includes a "download" property

The strcmp function does not effectively compare two adjacent strings within an array of character pointers

How can I define a schema attribute for a controller in Express JavaScript?

Submitting option values in AngularJS: A step-by-step guide

Angular- Product Details

What is the best method for implementing a Twitch <script> tag within Vue.js?

I've noticed that the NextJs router appears to be significantly slower in comparison to React

Struggling to grasp how to implement Redux and React-router together in one component

The data structure '{ variableName: string; }' cannot be directly assigned to a variable of type 'string'

Organize arrays within arrays in Javascript