将 json 个对象的值组合成一个具有唯一 object 个键及其值的数组

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

Answer 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}