How to get the property value of an object using index in javascript?

Question

I am creating multiple HTML elements. Elements have different properties.

I would like to get the property name, and the its value using index.

var elements = [
            {"type":"div","className":"items","id":"item-0-"+item}
            {"type":"div","className":"items","id":"item-0-"+item}
            {"type":"input","type":"number","step":1,"min":1}
        ];

I want to access it like,

        alert(elements[0][1]); //"className":"items"
        alert(elements[0][1].value); //items

I tried that but It is not working.

[Does JavaScript Guarantee Object Property Order?](http://stackoverflow.com/q/5525795/1529630) No. — Oriol, Oct 02 '15 at 01:24

user2182349 · Accepted Answer · 2015-10-02T01:09:30.917

0

This should allow you to see everything:

var i, j, k;
for (i = 0; i < elements.length; i++) {
     for (j in elements[i]) {
         alert(i+' '+j+' is '+elements[i][j]);
         console.log(i+' '+j+' is '+elements[i][j]); // This is less annoying than alerts
     }
}

edited Oct 02 '15 at 01:09

answered Oct 02 '15 at 01:04

user2182349

8,572
3
22
36

how to output the property name? //className – JMA Oct 02 '15 at 01:07
My problem is, I am going to add it in a loop, and there are different property names. Can I get the value using index? – JMA Oct 02 '15 at 01:09

score 0 · Answer 2 · edited Oct 05 '15 at 17:13

0

Take a look at Object.keys():

var name = Object.keys(elements[0])[1]; // Item name = 'classname'
alert(elements[0][name]); // Item value = 'items'

edited Oct 05 '15 at 17:13

rink.attendant.6

36,468
57
89
143

answered Oct 05 '15 at 17:07

keyvisions

1
1

How to get the property value of an object using index in javascript?

2 Answers2