Javascript creating bidimentional array of object

Question

first, this is my code:

var rettangolo = {
        rectX_top: 0,
        recX_bottom: 0,
        rectY_top: 0,
        rectY_top: 0,
        colpito: false,
        colore: 'hsl(' + 360 * Math.random() + ', 50%, 50%)',

        rettangolo: function() {
        this.setRectX_top(0);
        this.setRectX_bottom(0);
        this.setRectY_top(0);
        this.setRectY_top(0);
        this.setColpito(false);
        this.setColore('red');
        },

        setColpito: function(colpito) {
            this.colpito = colpito;
        },

        setColore: function(colore) {
            this.colore = colore;
        },

        setRectY_top: function(top) {
            rectY_top = top;
        },

        setRectX_top: function(top) {
            rectX_top = top;
        },

        setRectX_bottom: function(bottom) {
            rectX_bottom = bottom;
        },

        setRectY_bottom: function(bottom) {
            rectY_bottom = bottom;
        },

        <!--        GET METHODS     -->

        getColore: function() {
            return this.colore;
        },

        getRectY_top: function() {
            return this.rectY_top;
        },

        getColpito: function() {
            return this.colpito;
        },

        getRectX_top: function() {
            return this.rectX_top;
        },

        getRectX_bottom: function() {
            return this.rectX_bottom;
        },

        getRectY_bottom: function() {
            return this.rectY_bottom;
        },



    }

This is my class, and now I need to create multiple instances of this class. Is it possible? And if it is, how do you achieve it? (Plus, is it correct? notice that this is the first class I create as they never explained it at school). Thank you!

You wrote object and not a class. If you need multiple instances, write function. — Maxim Goncharuk
– Maxim Goncharuk, Commented Dec 2, 2015 at 22:29

Community · Accepted Answer · 2017-05-23 12:30:16Z

1

You need to make a constructor or a factory function.

Read this https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

Constructor function vs Factory functions

There are many ways to achieve this this is one of them. Obviously you can extend it to fit your case.

var object = function(options) {

    var object = {
        id: options.id,
        property: 'value'
    };

    return object;
};

var a = object({id:1});
var b = object({id:2});

console.log(a); 
console.log(b);

This illustrates that you can create two objects from the same constructor obvious by that both objects have the same value in the property attribute and a different id dependant on the id option passed.

Additionally the line comment:

<!--        GET METHODS     -->

Will throw an error, in Javascript use either // or /* */ for comments.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Dec 2, 2015 at 22:30

Daniel Tate

2,1634 gold badges26 silver badges53 bronze badges

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

2 Comments

jshanley Over a year ago

You should not use the new keyword with a factory like this. var a = object({id:1}) is all you need to create an instance using the function you defined. Only use new when the function is a constructor. See here

Baffo rasta Over a year ago

I managed to do exactly what I wanted thanks to you, you made my day. Thank you

Collectives™ on Stack Overflow

Javascript creating bidimentional array of object

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related