Javascript OOP Constructor with array or sub-object?

Question

I am new to true OOP but I understand javascript pretty alright. I'm trying to make new objects using a constructor pattern but I would like to make one of the properties an array.

Here's an example of what I'm trying to do:

function Walker(name, type, ws, bs, s, armor, i, a, hp) {
    this.name = name;
    this.type = type;
    this.ws = ws;
    this.bs = bs;
    this.s = s;
    this.armor = new Array("f", "s", "r");
    this.i = i;
    this.a = a;
    this.hp = hp;
}

This is for a game some of you might know (and only for personal use, as the company who created the game has a stick up their... for their IP)

As you can see, the armor property is going to have 3 properties inside of it. The reason I'm doing it this way is because there is already a property named s, so I don't want that property and the armor property of s to be mixed up.

I am making a new walker and trying to log the armor like below:

var specificWalker = new Walker("Specific Walker", "Vehicle", 5, 5, 6, [12, 12, 10], 4, 2, 3);

console.log(specificWalker.armor[0]);

Though, of course this isn't working because armor[0] is always equal to "f" and I don't know how to override that that part of the array.

Ideally, what I would like to do is be able to log the armor this way:

console.log(specificWalker.armor.f) //Should log "12"

But I'm unsure on how to make an object inside of an object.

Can anyone help on this one?

possible duplicate of Merge keys array and values array into an object in Javascript — Joniras
– Joniras, Commented Feb 25, 2015 at 15:51

thefourtheye · Accepted Answer · 2015-02-25 15:50:26Z

3

You just need to create an Object, instead of an Array, like this

this.armor = ["f", "s", "r"].reduce(function(result, current, index) {
    result[current] = armor[index];
    return result;
}, {});

Now, this.armor is not an Array, but an Object. When you print specificWalker.armor, you will get something like this

{ f: 12, s: 12, r: 10 }

and then you can access f, like you wanted

console.log(specificWalker.armor.f);
// 12

answered Feb 25, 2015 at 15:50

thefourtheye

241k53 gold badges466 silver badges505 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ntgCleaner Over a year ago

Perfectly simple. Worked like a charm! I will have to look into the .reduce function. I've never come across that. @AmitJoki, This is actually exactly what I asked for in the bolded text. specificWalker.armor.f is all I need to type to log it out. Thank you!

thefourtheye Over a year ago

@ntgCleaner Please check the Array.prototype.reduce's official documentation, for explanation and examples :)

Santiago Hernández · Accepted Answer · 2015-02-25 17:08:51Z

0

i think you have so many arguments on the constructor, i'd do it this way:

function Walker(prop) {
    this.name = prop.name;
    this.type = prop.type;
    this.ws = prop.ws;
    this.bs = prop.bs;
    this.s = prop.s;
    this.armor = prop.armor;
    this.i = prop.i;
    this.a = prop.a;
    this.hp = prop.hp;
}

and call it this way

var walker = new Walker({
    name : "",
    type : "",
    ws : "",
    bs : "",
    s : "",
    armor : [12,12,39],
    i : "",
    a : "",
    hp : ""
});

edited Feb 25, 2015 at 17:08

answered Feb 25, 2015 at 15:56

Santiago Hernández

5,6762 gold badges27 silver badges34 bronze badges

Collectives™ on Stack Overflow

Javascript OOP Constructor with array or sub-object?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related