/CSS/Loop Over Array of Objects and Combine them if they have similar keys

Loop Over Array of Objects and Combine them if they have similar keys

//Convert This
var array = [
   {id=1, name = "Orange"},
   {id=1, name = "Blue"},
   {id=1, name = "Green"},
   {id=2, name = "Blue"},
   {id=3, name = "Orange"},
   {id=3, name = "Blue"}
]

//to this
var newArray = [
   {id=1, nameList = [Orange, Blue, Green]},
   {id=2, nameList = [Blue]},
   {id=3, namelist = [Orange, Blue]}
]

var array = [   {id:1, name : "Orange"},   {id:1, name : "Blue"},   {id:1, name : "Green"},   {id:2, name : "Blue"},   {id:3, name : "Orange"},   {id:3, name : "Blue"}]

var result = Object.values(array.reduce((a, c) => {
  (a[c.id] || (a[c.id] = {id: c.id, nameList: []})).nameList.push(c.name);
  return a;
}, {}));

console.log(result);

Source: stackoverflow.com

Similar codes

0 vote281 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
0 vote260 views1 answer
Bash access array indirectly
CSS
4 votes302 views3 answers
Css print
CSS
51 votes241 views4 answers
Style scrollbar
CSS
0 vote253 views1 answer
Understanding '>' sign in css selector
CSS
0 vote261 views1 answer
Css avoid line break in span
CSS
0 vote253 views1 answer
Css commentaire une ligne
CSS
1 vote273 views1 answer
How to write css like a pro
CSS
0 vote247 views1 answer
How to combine two screen sizes in media queries css
CSS
17 votes241 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS