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.

Sergio · Accepted Answer · 2013-08-16 22:23:36Z

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, 2013 at 22:23

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

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

1 Comment

Solomon Closson Over a year ago

It seems that you are the only 1 that actually answered my question. Thanks :)

Zack Argyle · Accepted Answer · 2013-08-16 22:39:18Z

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, 2013 at 22:39

Zack Argyle

8,4674 gold badges31 silver badges38 bronze badges

Collectives™ on Stack Overflow

Getting value of multi array in JS?

2 Answers 2

Demo here

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Demo here

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related