Combining arrays on first Value in Javascript

Question

I have a loop that creates arrays like so but I want to find a way for grouping them from the fist values below I have show how the data is and the result I want how do I get the result from the data I have now.

['Brand', 'Workout', 12]
['Colour', 'Pink', 41]
['Fit', 'Regular', 238]
['Size', '10', 21]
['Type', 'T-Shirt', 139]
['Colour', 'Black', 71]
['Brand', 'Matalan', 13]


Brand: {
  Workout: 12,
  Matalan: 13
},
Colour: {
  Pink: 41,
  Black: 71
},
Fit: {
  Regular: 238
},
Size: {
  10: 21
},
Type: {
  T-Shirt: 139
}

Keimeno · Accepted Answer · 2022-09-14 09:22:36Z

3

You can use Array.prototype.reduce for that. What you want to do is, put your input arrays into an array, which creates a two-dimensional array.

After that is done, use Array.prototype.reduce to accumulate an object, and split the input: ['Brand', 'Workout', 12] into the parameters: [key, property, value].

const input = [
  ['Brand', 'Workout', 12],
  ['Colour', 'Pink', 41],
  ['Fit', 'Regular', 238],
  ['Size', '10', 21],
  ['Type', 'T-Shirt', 139],
  ['Colour', 'Black', 71],
  ['Brand', 'Matalan', 13]
];

const result = input.reduce((accumulator, [key, property, value]) => {
  accumulator[key] = {
    ...(accumulator[key] ?? {}),
    [property]: value
  };

  return accumulator;
}, {});

console.log(result);

answered Sep 14, 2022 at 9:22

Keimeno

2,6591 gold badge17 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aneuroo Over a year ago

Works like a treat thanks.

Collectives™ on Stack Overflow

Combining arrays on first Value in Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related