Eliminate nested object properties using an attribute in JavaScript

Question

Eliminate nested object properties using an attribute in JavaScript

I am working with a nested object structured like this

const data = [
  { id: '1', description: 'desc 1', 
   data : [
  { id: '5', description: 'desc',  number :1 },
  { id: '4', description: 'descip',  number :2 } ],
  { id: '2', description: 'desc 2', 
   data: [
  { id: '5', description: 'desc', number: 3 },
  { id: '4', description: 'descip', number: 4 },
  { id: '2', description: 'descipr', number: 6 }
   ]},
];

I aim to transform this object using the reduce method and then feed the transformed data into chartjs

data =[
 desc :  { id: '5', description: { 'desc1' ,'desc2'},  number :{1,3}  },
 descip: { id: '4', description: { 'desc1' ,'desc2'},  number :{2,4} },
 descipr: { id: '2', description: { 'desc2'},  number :{6} }

]

Your assistance on this matter would be greatly appreciated

javascript angular typescript chart.js

Answer 1

Answer №1

Is this essentially a simple groupBy function?

const data = [
  { id: '1', description: 'desc 1', number: 1 },
  { id: '2', description: 'desc 2', number: 2 },
  { id: '3', description: 'desc 2', number: 3 },
  { id: '4', description: 'desc 1', number: 4 },
  { id: '5', description: 'desc 4', number: 5 },
];

const grouped = data.reduce((prev, next) => ({
  ...prev,
  [[next.description]]: (prev[next.description] ?? []).concat(next)
}), {});

console.log(grouped);

Answer 2

Is this essentially a simple groupBy function?

const data = [
  { id: '1', description: 'desc 1', number: 1 },
  { id: '2', description: 'desc 2', number: 2 },
  { id: '3', description: 'desc 2', number: 3 },
  { id: '4', description: 'desc 1', number: 4 },
  { id: '5', description: 'desc 4', number: 5 },
];

const grouped = data.reduce((prev, next) => ({
  ...prev,
  [[next.description]]: (prev[next.description] ?? []).concat(next)
}), {});

console.log(grouped);

Eliminate nested object properties using an attribute in JavaScript

Answer №1

Similar questions

Discovering the best way to utilize pagination for searching all data within Angular 8

Creating a responsive Google map within a div element: A step-by-step guide

Using gulp to duplicate files from a specific directory nestled within a larger folder structure

Is it possible to call a REST API in Javascript by passing the username and password as

Whenever I navigate to this specific route, I consistently encounter an error message in my console

Is it advisable to substitute setTimeout with node-schedule in a node.js environment?

Framer motion layout animation fails to account for page scrolling during transitions in NextJs routes

"Successfully rendering the map on the initial load, but encountering an error of 'cannot map undefined'

Navigating with router.push in Vue.js to the same path but with different query parameters

Issues encountered when executing unit tests using karma

Tips for shifting a designated row upward in Chrome using JavaScript

What is the best way to retrieve the output of MongoDB's collection.aggregate() within a NodeJS callback function?

Looking to retrieve the key value or iteration of a specific item within an Angular UI tree?

The element ion-virtual-scroll is unrecognized

Exploring the World of jQuery Caching and Navigating Through Objects

MUI useStyles/createStyles hook dilemma: Inconsistent styling across components, with styles failing to apply to some elements

Choosing between JavaScript and Handlebars.js depends on the specific needs

Initiating a SOAP request to utilize your custom services

The date format is malfunctioning -> Error: The date provided is not valid

iOS iframe remains unscrollable only when switching from portrait to landscape orientation