Create a Json Object Name With Dynamic String Variable

Question

I want to code an object name with a dynamic string variable.

this.datas: [ 
{
    name: "john",
    data: 10
}
{
    name: "add",
    data: 20
}
]

this.latestBarChart: {
    chartName: "Line",
    style: "red"
}


for (let i = 0; i < this.datas.length; i++) {
        this.screenData[i].data.push(JSON.parse(`${this.datas[i].name}`: this.latestBarChart)); 
}

I tried like this. But there is an error because of this : while I push

this.screenData[i].data.push(JSON.parse(`${this.datas[i].name}`: this.latestBarChart));

How can I do this ?

Why do you use JSON.parse? There is no JSON there. And what is your expected result? Did you check the documentation of push? — trincot
– trincot, Commented Mar 5, 2021 at 8:08
there's no such thing as a JSON object - JSON is a string notation of an object, but not an object — Jaromanda X
– Jaromanda X, Commented Mar 5, 2021 at 8:09
Yes, but you should not just try and try. First make clear what you want to do and then think how you will do it. — trincot
– trincot, Commented Mar 5, 2021 at 8:10

mtkopone · Accepted Answer · 2021-03-15 10:00:46Z

2

If you are using ES6 you can use the computed key syntax like this:

for (let i = 0; i < this.datas.length; i++) {
  this.screenData[i].data.push({ [this.datas[i].name]: this.latestBarChart })
}

See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#new_notations_in_ecmascript_2015

edited Mar 15, 2021 at 10:00

answered Mar 5, 2021 at 8:11

mtkopone

6,4832 gold badges33 silver badges30 bronze badges

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

Comments

trincot · Accepted Answer · 2021-03-05 08:11:40Z

2

It looks like you want to do this:

this.screenData[i].data.push({ [this.datas[i].name]: this.latestBarChart });

Note that there is no JSON in your code, so there is no reason to use JSON.parse.

answered Mar 5, 2021 at 8:11

trincot

357k38 gold badges282 silver badges338 bronze badges

Comments

N. Mihajlovic · Accepted Answer · 2021-03-05 08:15:25Z

2

I think you want to do this. 

for (let i = 0; i < this.datas.length; i++) {
        this.screenData[i].data.push({
          [this.datas[i].name]: this.latestBarChart
        }); 
}

This will create array with objects inside screenData.data. Objects would look like this.
{
  john: {
    chartName: "Line",
    style: "red"
  },
  ...
}

answered Mar 5, 2021 at 8:15

N. Mihajlovic

363 bronze badges

Collectives™ on Stack Overflow

Create a Json Object Name With Dynamic String Variable

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related