How to append different key element of objects in Array?

Question

I need to append different key elements of objects in an array.

I have:

["2022-12-01", "2022-12-02", "2022-12-03", "2022-12-04"]

I need an array like this:

[{
    "2022-12-01": {
      disableTouchEvent: true,
      "selected": true,
      "selectedColor": "#ffff",
      "selectedTextColor": "grey"
    }
  },
  {
    "2022-12-02": {
      disableTouchEvent: true,
      "selected": true,
      "selectedColor": "#3634A3",
      "selectedTextColor": "#ffff"
    }
  },
  {
    "2022-12-03": {
      disableTouchEvent: true,
      customStyles: customDateStyle2,
      "selected": true,
      "selectedColor": "#ffff",
    }
  },
  {
    "2022-12-04": {
      disableTouchEvent: true,
      customStyles: customDateStyles,
      "selected": true,
      "selectedColor": "#ffff",
    }
  }
]

Where is all that other data coming from?

Teemu
– Teemu

2022-12-12 07:35:40 +00:00
Commented Dec 12, 2022 at 7:35 — Teemu
– Teemu, Commented Dec 12, 2022 at 7:35
What have you tried? Array.map?

bloodyKnuckles
– bloodyKnuckles

2022-12-12 07:36:29 +00:00
Commented Dec 12, 2022 at 7:36 — bloodyKnuckles
– bloodyKnuckles, Commented Dec 12, 2022 at 7:36
Data is dynamic

harika
– harika

2022-12-12 07:37:33 +00:00
Commented Dec 12, 2022 at 7:37 — harika
– harika, Commented Dec 12, 2022 at 7:37
So did my solution answer your question? @harika

dreambold
– dreambold

2022-12-14 19:35:53 +00:00
Commented Dec 14, 2022 at 19:35 — dreambold
– dreambold, Commented Dec 14, 2022 at 19:35

dreambold · Accepted Answer · 2022-12-12 07:54:07Z

Am not sure if I'm getting the original OP's throughs, but the code can be implemented this way

    let dates = ["2022-12-01", "2022-12-02", "2022-12-03", "2022-12-04"];
    
    
    let details = [{
          disableTouchEvent: true,
          "selected": true,
          "selectedColor": "#ffff",
          "selectedTextColor": "grey"
        },
      {
          disableTouchEvent: true,
          "selected": true,
          "selectedColor": "#3634A3",
          "selectedTextColor": "#ffff"
        }
     ,
     {
          disableTouchEvent: true,
          customStyles: "customDateStyle2",
          "selected": true,
          "selectedColor": "#ffff",
       
      },
       {
          disableTouchEvent: true,
          customStyles: "customDateStyles",
          "selected": true,
          "selectedColor": "#ffff",
        
      }
      ]
    
    let result = dates.map((v, i)=> ({
         [v]: details[i]   
        }) )
    
    console.log(result)

Ali Sattarzadeh · Accepted Answer · 2022-12-12 07:44:04Z

0

I think mapping dates will do what you want

like this :

const dates = ["2022-12-01", "2022-12-02", "2022-12-03", "2022-12-04"]

   let data = dates.map((date,index)=> ({
     [date]:dataFromBackend[index]   
    }) )

answered Dec 12, 2022 at 7:44

Ali Sattarzadeh

3,6272 gold badges9 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to append different key element of objects in Array?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related