CODEWITHSUNDEEP
javascriptarraysobjectjavascript-objects
Hajar ELKOUMIKHI
Hajar ELKOUMIKHI

Reputation: 92

Array of objects in Javascript

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 :)

Upvotes: 0

Views: 5857

Answers (5)

Abdallah Okasha
Abdallah Okasha

Reputation: 2139

//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

Upvotes: 1

Marcus Vinícius Monteiro
Marcus Vinícius Monteiro

Reputation: 8079

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())

Upvotes: 1

baao
baao

Reputation: 73301

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

Upvotes: 1

Noah Reinagel
Noah Reinagel

Reputation: 402

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

Upvotes: 2

kind user
kind user

Reputation: 41913

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!

Upvotes: 1

Related Questions