Geek Answers Handbook

Javascript: the best way to instantiate an array of objects

What was the easiest way to fill the array with a large number of objects created using the constructor?

I have a constructor function than TV and movie objects:

function Media(name, boxCover) { this.name = name; this.boxCover = boxCover; };

I make a lot of objects that I want to put into an array. This does not work:

 var table = [ var avengers = new Media("avengers",'../assets/boxcovers/avengers.jpg'); var blade_runner = new Media("blade_runner",'../assets/boxcovers/blade_runner.jpg'); var brave = new Media("brave",'../assets/boxcovers/brave.jpg'); var catching_fire = new Media("catching_fire",'../assets/boxcovers/catching_fire.jpg'); var django = new Media("django",'../assets/boxcovers/django.jpg'); var finding_nemo = new Media("finding_nemo",'../assets/boxcovers/finding_nemo.jpg'); ];

I also tried putting table.push( at the beginning of each line. Do I really have to list each object again in an array like this, or can I save duplicate effort:

 table = [avengers, blade_runner, etc.
+5
source share
5 answers

The syntax for this would be

 var table = { mykey: myproperty, mykey2: myproperty2 };

If you want your variable to be an object, you can access the properties by calling fe table.avengers , your declaration should look like this:

 var table = { avengers: new Media("avengers",'../assets/boxcovers/avengers.jpg'), blade_runner: new Media("blade_runner",'../assets/boxcovers/blade_runner.jpg'), brave: new Media("brave",'../assets/boxcovers/brave.jpg') //... and so on and so forth };

If you want them to be able to scroll through them, you can create it as an array:

 var table = [ new Media("avengers",'../assets/boxcovers/avengers.jpg'), new Media("blade_runner",'../assets/boxcovers/blade_runner.jpg'), new Media("brave",'../assets/boxcovers/brave.jpg') //... and so on and so forth ];
+5
source

You are using the wrong syntax. Try instead:

 function Media(name, boxCover) { this.name = name; this.boxCover = boxCover; }; var table = [ new Media('avengers','../assets/boxcovers/avengers.jpg'), new Media('blade_runner','../assets/boxcovers/blade_runner.jpg') ];
+1
source

You can also use simple syntax, for example:

 var mediatable = []; var entry = { name: {}, boxCover: {} }; mediatable.push({ name: "avengers", boxCover: '../assets/boxcovers/avengers.jpg' }); mediatable.push({ name: "blade_runner", boxCover: '../assets/boxcovers/blade_runner.jpg' }); alert(mediatable.length);

or click it using the object:

 entry.name = "brave"; entry.boxCover = '../assets/boxcovers/brave.jpg'; mediatable.push(entry); alert(mediatable.length + ":" + mediatable[1].name);
0
source 
 function Media(name, boxCover) { this.name = name; this.boxCover = boxCover; }; function MediaTable(data) { var table = {}; data.forEach(function(el){ table[el[0]] = new Media(el[0], el[1]) }) return table; }; var tableData = [ ["avengers", '../assets/boxcovers/avengers.jpg'], ["blade_runner", '../assets/boxcovers/blade_runner.jpg'], ["brave" , '../assets/boxcovers/brave.jpg'], ["catching_fire", '../assets/boxcovers/catching_fire.jpg'], ["django", '../assets/boxcovers/django.jpg'], ["finding_nemo", '../assets/boxcovers/finding_nemo.jpg'] ], table = new MediaTable(tableData);
0
source

Rewrite the var table as follows:

 var table = [ new Media("avengers",'../assets/boxcovers/avengers.jpg'), new Media("blade_runner",'../assets/boxcovers/blade_runner.jpg'), new Media("brave",'../assets/boxcovers/brave.jpg'), new Media("catching_fire",'../assets/boxcovers/catching_fire.jpg'), new Media("django",'../assets/boxcovers/django.jpg'), new Media("finding_nemo",'../assets/boxcovers/finding_nemo.jpg') ];
-1
source

More articles:


All Articles