Creating a multi-dimensional array with javascript

Question

I wish to create a multi-dimensional array in the format as:

var sizes = [
        "p" = ["1em", "2em", "3em"],
        "h1" = ["2em", "3em", "4em"]
];

After, I can them loop through sizes and get the array elements for each element....

How is this achievable, tried many ways just doesn't seem to be working. Regards

U can get help here: http://stackoverflow.com/questions/966225/how-can-i-create-a-two-dimensional-array-in-javascript — Smit, Mar 02 '17 at 14:18

score 1 · Answer 1 · answered Mar 02 '17 at 14:20

1

You can create like this:

var sizes = [
        {"p" : ["1em", "2em", "3em"]},
        {"h1" : ["2em", "3em", "4em"]},
        {"h1" : ["2em", "3em", "4em"]}
];

and you can access it like this:

$(sizes).each(function(index,element){

    element["p"];
   // in element you will find each {}
});

answered Mar 02 '17 at 14:20

Sudhanshu Jain

494
3
11

1

`Array.prototype.forEach` is supported on latest version of all major browsers. No need for JQuery – ichigolas Mar 02 '17 at 14:23

DongHyun Song · Answer 2 · 2017-03-03T00:49:16.217

0

var sizes = []
sizes["p"] = ["1em", "2em", "3em"];
sizes["h1"] = ["2em", "3em", "4em"];

for (var k in sizes)
   for (var p in sizes[k])
       alert(sizes[k][p])

edited Mar 03 '17 at 00:49

answered Mar 02 '17 at 14:24

DongHyun Song

121
4

too much of a static approach. – Remario Mar 02 '17 at 14:26
1

Please add details so others can learn from your example. Thanks! – Shawn Mar 02 '17 at 19:14

score 0 · Answer 3 · answered Mar 02 '17 at 14:26

I do not think you want an array, you want an object.

var sizes = {
    p : ["1em", "2em", "3em"],
    h1 : ["2em", "3em", "4em"]
};

Now you can access it with dot notation.

console.log(sizes.p);
console.log(sizes.p[1]);

Than you can just loop over the array

sizes.p.forEach( function(size) {
    console.log(size);
});

Creating a multi-dimensional array with javascript

3 Answers3