create multiple 2 d arrays of objects using javascript where object has same properties

Question

How can I create two 2-DArrays where each element of array is an object with properties . Both arrays are of different size and property of each cell is different.

var gridcell = [];
var regionalcell = [];

So far I have done this, It works but its not efficient i dont want to repeat the code. It would be great if you guys can help.

In both functions value of "w,h,r,c" is different.

function createCellArray(w, h,r,c) 
{
     for (j = 0; j < r; j++) 
     {
         gridcell[j] = [];
       for (i = 0; i < c; i++) 
       {
         gridcell[j][i] = 
            {
                 "x1": w * i,
                 "y1": h * j,
                 "x2": w * (i + 1),
                 "cell_color": null,
                 "y2": h * (j + 1),
                 "name": (i + 1 * (j * 10)) + 1
            }
        }
     }
}


function createRegionalCellArray(w, h, r, c) {
    for (j = 0; j < r; j++) {
        regional[j] = [];
        for (i = 0; i < c; i++) {
            regional[j][i] =
            {
                "x1": w * i,
                "y1": h * j,
                "x2": w * (i + 1),
                "cell_color": null,
                "y2": h * (j + 1),
                "name": (i + 1 * (j * 10)) + 1
            }
        }
    }
}

Samuel Caillerie · Accepted Answer · 2014-06-11 08:22:01Z

2

I am not sure to really understand what is your issue... You want to factorize your code?

In this case, just make a function that return your common array:

function returnCellArray(w, h, r, c) 
{
     var cellArray = [];
     for (j = 0; j < r; j++) 
     {
       cellArray[j] = [];
       for (i = 0; i < c; i++) 
       {
         cellArray[j][i] = 
            {
                 "x1": w * i,
                 "y1": h * j,
                 "x2": w * (i + 1),
                 "cell_color": null,
                 "y2": h * (j + 1),
                 "name": (i + 1 * (j * 10)) + 1
            }
        }
     }

     return cellArray;
}

gridCell = returnCellArray(w1, h1, r1, c1);
regionalcell = returnCellArray(w2, h2, r2, c2);

answered Jun 11, 2014 at 8:22

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

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

1 Comment

Happy Over a year ago

Actually it seems to work, i think i was trying to use global array instead of local as you have used cellArray

Collectives™ on Stack Overflow

create multiple 2 d arrays of objects using javascript where object has same properties

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related