How can I add for each grouped object new key value in javascript?

Question

Hi all I have following array


    const arr = [
      {
       ImageFileSet: [{ id: 1 }],
       LineItemFile: "new name",
       LineItemRef: "PDF",
       id: 44  
      },

       {
       ImageFileSet: [{ id: 7 }, { id: 8 }, { id: 9 }],
       LineItemFile: null,
       LineItemRef: "Image"
       id: 124
      },

    ];

I am trying to group array of objects in new array with following code

    const allFiles = arr .flatMap(({ ImageFileSet }) => [ImageFileSet]);

Output is

    [ { id: 1 }, { id: 7 }, { id: 8 }, { id: 9 } ]

Now how can I also add LineItemFile for each object ?

I want final result something like

    [ { id: 1,  LineItemFile: "new name", }, { id: 7,LineItemFile: null, }, { id: 8 , 
       LineItemFile: null,}, { id: 9 , LineItemFile: null,} ]

Please help me resolve this.

I looked into this article but it not helped.

R4ncid · Accepted Answer · 2022-07-06 07:27:46Z

5

you can do something like this

const arr = [{
    ImageFileSet: [{
      id: 1
    }],
    LineItemFile: "new name",
    LineItemRef: "PDF",
    id: 44
  },
  {
    ImageFileSet: [{
      id: 7
    }, {
      id: 8
    }, {
      id: 9
    }],
    LineItemFile: null,
    LineItemRef: "Image",
    id: 124
  },
];

const result = arr.flatMap(({ImageFileSet,LineItemFile}) =>
  ImageFileSet.map(d => ({ ...d, LineItemFile}))
)
console.log(result)

answered Jul 6, 2022 at 7:27

R4ncid

7,1651 gold badge8 silver badges21 bronze badges

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

Comments

Stefan B. · Accepted Answer · 2022-07-06 07:29:08Z

1

Something like:


    const allFiles = arr.flatMap((lineItem) => {
      return lineItem.ImageFileSet.map((imageFileSet) => (
          {...imageFileSet, LineItemFile: lineItem.LineItemFile}
        }))
   });

answered Jul 6, 2022 at 7:29

Stefan B.

3843 silver badges14 bronze badges

Comments

nem0z · Accepted Answer · 2022-07-06 07:43:09Z

1

Try this :

const allFiles = arr.flatMap((obj) =>
    obj.ImageFileSet.flat().map((id) => ({
    ...id,
    LineItemFile: obj.LineItemFile
    }))
);

Output :

[
    {
        "id": 1,
        "LineItemFile": "new name"
    },
    {
        "id": 7,
        "LineItemFile": null
    },
    {
        "id": 8,
        "LineItemFile": null
    },
    {
        "id": 9,
        "LineItemFile": null
    }
]

answered Jul 6, 2022 at 7:43

nem0z

1,1371 gold badge7 silver badges23 bronze badges

Collectives™ on Stack Overflow

How can I add for each grouped object new key value in javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related