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 :)
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
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
Array.from(players) to make the copy instead of [].concat
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!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())
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.//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
nbrPlayers?var arrayOfPlayers = [ new player('Elitia'), new player('Mike') ];See MDN's documentation for more examples.