Is there any way to dynamically add JSON fields in Javascript?

Question

const demo = {
      data:[]
    };    
this.state.lossGroup.forEach(element => {
          const z= []
          this.state.selectedExposure.map((e) => {
            console.log(element,e.hazard_index.type )
            if (element == e.hazard_index.type) {
              z.push(e.id)
            }
          })
           demo.data.push({ element: z });
        });

I just want to store the array in json file with dynamic field name in element i.e. element should be the replaced with the value from the upper loop.

Which variable is your json? Can you share the value of your json? — ImAtWar
– ImAtWar, Commented Aug 14, 2021 at 13:02
Can you share some more information? What are you trying to do with the json file? Does this.state.selectedExposure contain information? Do you want to create json from the demo object? — ImAtWar
– ImAtWar, Commented Aug 14, 2021 at 13:10
Need more specific details about how results from code shown differ from expected — charlietfl
– charlietfl, Commented Aug 14, 2021 at 13:12
I have to deal with the "element" from the this.state.lossGroup. The "element" values are like ['elem1','elem2','elem3']. And I want these value as field name in JSON file "demo" — lostb1
– lostb1, Commented Aug 14, 2021 at 13:17

Amruth · Accepted Answer · 2021-08-14 13:27:21Z

0

If your key is dynamic they you can do this way. [element] is way you can handle dynamic keys.

const demo = {
      data:[]
    };    
this.state.lossGroup.forEach(element => {
          const z= []
          this.state.selectedExposure.map((e) => {
            console.log(element,e.hazard_index.type )
            if (element == e.hazard_index.type) {
              z.push(e.id)
            }
          })
           demo.data.push({ [element] : z });
        });

here you can go through small blog which explains how you can set dynamic keys to json object.

edited Aug 14, 2021 at 13:27

answered Aug 14, 2021 at 13:13

Amruth

5,9122 gold badges30 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

Is there any way to dynamically add JSON fields in Javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related