How to use variable in JSON object value while creating an object dynamically?

Question

I'm trying to create an array of object dynamically using for loop. The values for the key value pair of this object are fed from different arrays. So how can I create the array of object dynamically using for loop? I tried the following block of code but it was not working.

var anObj = [];
var charectors = ['Iron Man', 'Hulk', 'Thor']
var actors = ['Robert Downey, Jr', 'Mark Ruffalo', 'Chris Hemsworth']
for(let i=0; i<charectors.length; i++){
  anObj[i] = {
    charector : charectors[i],
    actor : actors[i]
  } 
}

The above code throws an error as I was expecting the array of object as

[
  {
    "charector":"Iron Man",
    "actor":"Robert Downey, Jr"
  },
  {
    "charector":"Hulk",
    "actor":"Mark Ruffalo"
  },
  {
    "charector":"Thor",
    "actor":"Chris Hemsworth"
  } 
]

DecPK · Accepted Answer · 2021-04-21 09:40:07Z

3

You can also use map

var anObj = [];
var charectors = ["Iron Man", "Hulk", "Thor"];
var actors = ["Robert Downey, Jr", "Mark Ruffalo", "Chris Hemsworth"];

const result = actors.map((actor, i) => ({ charector: charectors[i], actor: actors[i] }));
console.log(result)

with for...of loop

var anObj = [];
var charectors = ["Iron Man", "Hulk", "Thor"];
var actors = ["Robert Downey, Jr", "Mark Ruffalo", "Chris Hemsworth"];

const result = [];

for (let [i, actor] of actors.entries()) {
  result.push({
    charector: charectors[i],
    actor: actors[i],
  });
}
console.log(result);

answered Apr 21, 2021 at 9:40

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

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

2 Comments

Lalas M Over a year ago

This works as it is supposed to be thanks .. selecting as accepted answer

DecPK Over a year ago

Glad I could help @LalasM

drub4n · Accepted Answer · 2021-04-21 09:36:55Z

2

Use : instead of = in your for loop. Basic object properties assignement

 var anObj = [];
 var charectors = ['Iron Man', 'Hulk', 'Thor']
 var actors = ['Robert Downey, Jr', 'Mark Ruffalo', 'Chris Hemsworth']
 for(let i=0; i<charectors.length; i++){
   anObj[i] = {
     charector : charectors[i],
     actor : actors[i]
   } 
 }

edited Apr 21, 2021 at 9:36

answered Apr 21, 2021 at 9:34

drub4n

1481 silver badge8 bronze badges

1 Comment

Lalas M Over a year ago

Thanks for the input. In fact that was a typo .. I'm editing it

Ahmed · Accepted Answer · 2021-04-21 09:35:00Z

0

Push the values into the array using


anObj.push({
    charector: charectors[i],
    actor: actor[i]
  })

answered Apr 21, 2021 at 9:35

Ahmed

258 bronze badges

Comments

Mario Vernari · Accepted Answer · 2021-04-21 09:36:49Z

You have two errors:

the assignment separator inside the braces is the colon, not the equal sign;
the name of the second source array is actors, not actor.

    var anObj = [];
    var charectors = ['Iron Man', 'Hulk', 'Thor']
    var actors = ['Robert Downey, Jr', 'Mark Ruffalo', 'Chris Hemsworth']
    for(let i=0; i<charectors.length; i++){
      anObj[i] = {
        charector : charectors[i],
        actor : actors[i]
      } 
    }
    
    console.log(anObj);

Collectives™ on Stack Overflow

How to use variable in JSON object value while creating an object dynamically?

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Related