Tips for incorporating a variable into a JSON object value when dynamically constructing an object

Question

Tips for incorporating a variable into a JSON object value when dynamically constructing an object

Is there a way to dynamically create an array of objects using a for loop? I have different arrays with values for the key value pairs of these objects. The code snippet I tried is not producing the expected result.

var characters = ['Iron Man', 'Hulk', 'Thor'];
var actors = ['Robert Downey, Jr', 'Mark Ruffalo', 'Chris Hemsworth'];
var objArray = [];

for(let i=0; i<characters.length; i++){
  objArray[i] = {
    character: characters[i],
    actor: actors[i]
  };
}

However, this code is throwing an error and not generating the intended array of objects as shown below:

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

javascript json

Answer 1

Answer №1

Another approach is to utilize the map method

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)

Alternatively, you can achieve this using a 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);

Answer 2

Another approach is to utilize the map method

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)

Alternatively, you can achieve this using a 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);

Answer 3

Answer №2

Embrace the use of : in lieu of = when structuring your for loop. Fundamental object properties assignment

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

Answer 4

Embrace the use of : in lieu of = when structuring your for loop. Fundamental object properties assignment

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

Answer 5

Answer №3

Insert the values into an array by


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

Answer 6

Insert the values into an array by


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

Answer 7

Answer №4

You've made two mistakes:

The correct assignment separator inside the braces is the colon, not the equal sign.
The name of the second source array should be 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);

Answer 8

You've made two mistakes:

The correct assignment separator inside the braces is the colon, not the equal sign.
The name of the second source array should be 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);

Tips for incorporating a variable into a JSON object value when dynamically constructing an object

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Including v-menu in a button causes it to vanish in Vuetify

Mastering the Art of Modifying HTML with Node.js

AJAX is delivering a unique random hash instead of the expected text

Rails 5 not allow user submission of bootstrap modal form

Modify the CSS when CKEditor is in focus

JavaScript form validation problem: Warning for identical responses in the MOST and LEAST sections

How can I recreate this image in 3D using three.js?

The Express.js server seems to be having trouble rendering a static JavaScript file

Trimming data from model fields in a Node.js application before saving to a PostgreSQL database

Creating a 3D cube with visual graphics as its faces using Three.js

Utilizing a JSON object to send data to a C# WebAPI POST endpoint that accepts a parameter of a generic abstract class

Tips to swap selections in a Select2 dropdown box

Retrieving currentUser data using Vue.js, Vuex, Express, and MongoDB

The Power of Json, Ajax, and Javascript

AngularJS implemented to trigger a popup alert after a certain duration of time has elapsed since the

Does AngularJS have a similar function to $(document).ajaxSuccess()?

Bringing the Jquery cursor into focus following the addition of an emoji

Extracting data from web pages using JavaScript and PHP

Adjusting Bootstrap card content on hover

Issue with Jquery event not triggering correctly following ajax data retrieval