Array of objects in Javascript

Question

I'm new to learning Javascript. at this stage, I want to use/decalre/initialize an array of objects.

Here is my code to initialise an object :

function player(name){
 this.name = name;
 this.getName = function(){
 alert(this.name);
 }
}

and here is where I need to use the array of players(objects)

function hallOfFame(nbrPlayers){
 var arrayOfPlayers = [] 
}

Can anyone help me please how to create this array of objects. Thank you in advance :)

• Justin Taddei: What is nbrPlayers?
• kind user: Can I show you some easier way to create array of objects? (:
• Heretic Monkey: var arrayOfPlayers = [ new player('Elitia'), new player('Mike') ]; See MDN's documentation for more examples.
• Hajar ELKOUMIKHI: @JustinTaddei : nbrPlayers means the number of objects that I want to use to build my array with. I want to create an array like this in C, arrayOfPlayers[nbrPlayers]
• Noah Reinagel: arrays don't work like that in javascript they don't come with a size

Answer 1

function createPlayerArray(number) {
 var players = [];
 for (i = 0; i < number; i++) {
 players.push(new Player("No Name"));
 }
 return players;
}

this will create an array of players

Answer 2

You can do something like the following to create an array of players when instantiating a new HallOfFame. The addPlayer prototype will let you, well, add new players to the array later. In general - you don't need to specify a fixed length for an array in javascript. The size is flexible, so you can just create an empty array to have an array of players, then push onto that.

function Player(name){
 this.name = name;
 this.getName = function(){
 alert(this.name);
 }
}
function HallOfFame(players) {
 	this.players = Array.from(players);
}
HallOfFame.prototype.addPlayer = function(player) {
	this.players = this.players.concat(player);
}
let p1 = new Player("foo");
let p2 = new Player("bar");
let p3 = new Player("baz");
let hOf = new HallOfFame([p1,p2]); // instantiate HallOfFame and add two players
hOf.addPlayer(p3); // add another player
console.log(hOf); // will show you an HallOfFame object holding 3 players

• Hajar ELKOUMIKHI: @baao, what a community here in stackoverflow. Thank you thank you soooo much for your help and your time. That fits my requirements and helps me to understand a lot about JS more than any tutorial or course. God bless you
• Bergi: In ES6, I'd recommend to use Array.from(players) to make the copy instead of [].concat
• baao: Thanks @Bergi that makes it obvious easier!
• Bergi: Not necessarily easier, but definitely more obvious :D

Answer 3

Just for learning purposes, tell me if it's too easy, I will delete it.

var dogs = ['Gustavo', 'Heisen', 'Berg', 'Jessie'],
 race = ['Labrador', 'Doberman', 'Spaniel', 'Husky'],
 result = [];
 
 dogs.forEach(function(v,i){ //iterate over each element from dogs array
 var obj = {}; //create an empty object to store our data
 obj[v] = race[i]; //assign a key (which is name of the dog) and it's value (his race) to obj
 result.push(obj); //push object into the result array
 }); //repeat! (:
 
 console.log(result); //show our array of objects!

• Hajar ELKOUMIKHI: That is so helpful. Thank you @Kind user :)

Answer 4

As you're using the player function to create objects, it seems like a good use case for a class declaration, which stated purpose is to "provide a much simpler and clearer syntax to create objects":

class Player {
 constructor(name) {
 function capitalizeName(fullName) {
 return fullName
 .split(' ')
 .map((s) => {
 return `${s.charAt(0).toUpperCase()}${s.slice(1).toLowerCase()}`
 })
 .join(' ')
 }
 this.name = capitalizeName(name)
 }
 getName () {
 return this.name
 }
 alertName () {
 alert(this.getName())
 }
}

You can then use the map method create an array of Players from an array of strings, like this:

function hallOfFame(playerNames) {
 return playerNames.map((playerName) => new Player(playerName))
}

You can test the function using the forEach method:

> let myPlayerNames = ['ADA', 'bob', 'CaRlA', 'DenniS', 'ElITIa']
> let myHallOfFame = hallOfFame(myPlayerNames)
> myHallOfFame.forEach((player) => player.alertName())

• Hajar ELKOUMIKHI: Thank you so much. that's a new concept and it's very helpful to me
• Marcus Vinícius Monteiro: @ElitiaCandy no problem. I updated the capitalizeName function to handle full names. I believe that, eventually, you will also want to learn about functional programming and immutability, which are important concepts also present in this answer.
• Hajar ELKOUMIKHI: I will take a look on those links. That is so kind of you. Thank you so much @Marcus

Answer 5

//making array of books
var books = [];
 var new_book = {id: "book1", name: "twilight", category: "Movies", price: 10};
 books.push(new_book);
 new_book = {id: "book2", name: "The_call", category: "Movies", price: 17};
 books.push(new_book);
 console.log(books[0].id);
 console.log(books[0].name);
 console.log(books[0].category);
 console.log(books[0].price);
// also we have array of albums
var albums = [] 
 var new_album = {id: "album1", name: "Ahla w Ahla", category: "Music", price: 15};
 albums.push(new_album);
 new_album = {id: "album2", name: "El-leila", category: "Music", price: 29};
 albums.push(new_album);
//Now, content[0] contains all books & content[1] contains all albums
var content = [];
content.push(books);
content.push(albums);
var my_books = content[0];
var my_albums = content[1];
console.log(my_books[0].name);
console.log(my_books[1].name); 
console.log(my_albums[0].name);
console.log(my_albums[1].name); 

This Example Works with me: Expected output