Getting value of multi array in JS?

Question

How can I get the values of id in this array within a for loop?

var image_array = [
    {image: 'images/candidates/1.jpg', link_url: 'images/candidates/1.jpg', link_rel: 'prettyPhoto', id: 0 }, 
        // image for the first layer, goes with the text from id="sw0"
    {image: 'images/candidates/2.jpg', link_url: 'images/candidates/2.jpg', link_rel: 'prettyPhoto', id: 1 },
        // image for the second layer, goes with the text from id="sw1"
    {image: 'images/candidates/3.jpg', link_url: 'images/candidates/3.jpg', link_rel: 'prettyPhoto', id: 2 },
        // image for the third layer, goes with the text from id="sw2"
    {image: 'images/candidates/4.jpg', link_url: 'images/candidates/4.jpg', link_rel: 'prettyPhoto', id: 3},
        // image for the fourth layer, goes with the text from id="sw3"
    {image: 'images/candidates/5.jpg', link_url: 'images/candidates/5.jpg', link_rel: 'prettyPhoto', id: 4},
        // image for the fifth layer, goes with the text from id="sw4"
    {image: 'images/candidates/6.jpg', link_url: 'images/candidates/6.jpg', link_rel: 'prettyPhoto', id: 5},
        // image for the sixth layer, goes with the text from id="sw5"
    {image: 'images/candidates/7.jpg', link_url: 'images/candidates/7.jpg', link_rel: 'prettyPhoto', id: 6},
        // image for the seventh layer, goes with the text from id="sw6"
    {image: 'images/candidates/8.jpg', link_url: 'images/candidates/8.jpg', link_rel: 'prettyPhoto', id: 7},
        // image for the eighth layer, goes with the text from id="sw7"
    {image: 'images/candidates/9.jpg', link_url: 'images/candidates/9.jpg', link_rel: 'prettyPhoto', id: 8},
        // image for the ninth layer, goes with the text from id="sw8"
    {image: 'images/candidates/10.jpg', link_url: 'images/candidates/10.jpg', link_rel: 'prettyPhoto', id: 9},
        // image for the tenth layer, goes with the text from id="sw9"
    {image: 'images/candidates/11.jpg', link_url: 'images/candidates/11.jpg', link_rel: 'prettyPhoto', id: 10}
        // image for the eleventh layer, goes with the text from id="sw10"
];

Also, would be great if I could retrieve it as an integer, as the way it is being stored.

score 2 · Accepted Answer · answered Aug 16 '13 at 22:23

2

You can use this:

for (i = 0; i<image_array.length;i++){
    console.log(image_array[i].id);
}

If you want one specific you can use for example image_array[2].id which gives you 2

Demo here

(look at console)

answered Aug 16 '13 at 22:23

Sergio

28,539
11
85
132

It seems that you are the only 1 that actually answered my question. Thanks :) – Solomon Closson Aug 17 '13 at 22:39

score 0 · Answer 2 · answered Aug 16 '13 at 22:39

0

If you've got jquery to work with, this beauty will give you an array of the ids.

var image_array_by_id = $.map(image_array, function (index) { return index.id });

answered Aug 16 '13 at 22:39

Zack Argyle

8,057
4
29
37

Getting value of multi array in JS?

2 Answers2

Demo here

Linked