Combining values of json objects into an array with unique object keys and its values

Question

I have an array of JSON objects that might or might not have common object key such as

const array = [ 
    {
      star: { apples: [ [Object], [Object] ] },
      circle: { apples: [ [Object] ] }
    },
    {
      star: { oranges: [ [Object], [Object] ] },
      circle: { oranges: [ [Object] ] }
    },
    { star: { bananas: [ [Object], [Object] ] } }

How would I go on and map this in a way where the unique object keys become X number of values inside an array with its combined data values matching that key. Heres an example of what I'm trying to achieve

    const array = [
      {
        symbol: 'star',
        data: [
          { apples: [[Object], [Object]] },
          { oranges: [[Object], [Object]] },
          { bananas: [[Object], [Object]] },
        ],
      },
      {
        symbol: 'circle',
        data: [{ apples: [[Object]] }, { oranges: [[Object]] }],
      },
    ];

I'm assuming it would be using a reduce function and getting the keys of current value index and mapping through the keys, while checking if key exists in accumlator if not add it. Haven't reached more far than this implementation/logic

IT goldman · Accepted Answer · 2022-09-29 19:54:33Z

1

Yes you said it.

const array = [ 
  {
    star: { apples: [ {flag : true}, {flag : true} ] },
    circle: { apples: [ {flag : true} ] }
  },
  {
    star: { oranges: [ {flag : true}, {flag : true} ] },
    circle: { oranges: [ {flag : true} ] }
  },
  { 
    star: { bananas: [ {flag : true}, {flag : true} ] } 
  }
]

var result = Object.values(array.reduce (function (agg, obj_shapes) {
  Object.keys(obj_shapes).forEach(function (shape) {
    var fruits = obj_shapes[shape]
    agg[shape] = agg[shape] || {
      symbol: shape,
      data: []
    }
    agg[shape].data.push(fruits)
  })
  return agg;
}, {}));

console.log(result)

.as-console-wrapper {max-height: 100% !important}

answered Sep 29, 2022 at 19:54

IT goldman

20.4k2 gold badges18 silver badges34 bronze badges

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

1 Comment

BitByte Over a year ago

That did the trick thank you! I was doing the indexing on the agg apparently wrong. If one would want to make data array into an object such as data: {oranges:{},bananas:{}..etc} assuming that the data inside doesnt have the same key and 1 of each only

Collectives™ on Stack Overflow

Combining values of json objects into an array with unique object keys and its values

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