/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 vote146 views1 answer
How to make any word italic in html and css
CSS
0 vote150 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
0 vote171 views1 answer
Add shadowto container
CSS
2 votes151 views2 answers
How to move text down in css
CSS
0 vote162 views1 answer
Vue scoped scss media query
CSS
1 vote175 views1 answer
Left align css mdn
CSS
0 vote201 views1 answer
What css vmin
CSS
50 votes186 views6 answers
Backgroud color css
CSS
0 vote142 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
0 vote104 views2 answers
Link html to html stackoverflow
CSS