How to access object property names

Question

I have a data structure like this:

var r =  
{ 
 "abc": ["a1","a2","a3"] ,
 "xyz": ["x1","x2","x3"] 
}

I am accessing these elements like this

jQuery.each(r,function(index,ele){ 
      alert(ele);    // values like a1,a2,a3 in ele -loop
});

I am getting values a1, a2, a3 in elements in ele variable.

I want to access values abc and xyz.

how to access value abc in loop?

fiddle: [fiddle]: http://jsfiddle.net/ce58qutw/

Using each over an object the index and ele arguments are key and value, respectively. Now you alert the value under ele argument, but you want the key, which is under index. — pawel
– pawel, Commented Aug 11, 2014 at 13:50

Rajaprabhu Aravindasamy · Accepted Answer · 2014-08-11 13:48:41Z

1

Try,

jQuery.each(r,function(index,ele){ 
   alert(index);   
});

Keep in mind that the first parameter to the call back function is key and the second one is the value.

And the proper code would be,

jQuery.each(r,function(key,val){ 
   alert(key);   
});

DEMO

answered Aug 11, 2014 at 13:48

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

Comments

Rory McCrossan · Accepted Answer · 2014-08-11 13:49:13Z

0

Try using a for..in loop:

for (var key in r) {
    alert(key);
};

Example fiddle

answered Aug 11, 2014 at 13:49

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Comments

hari · Accepted Answer · 2014-08-11 13:56:50Z

0

..Demo..try this,

$.each(r,function(index,ele){ 
    if(index==="abc"){
    for(i=0;i<ele.length;i++){   alert(ele[i]);    }
   }
 });

answered Aug 11, 2014 at 13:56

hari

1,9831 gold badge16 silver badges10 bronze badges

Comments

Andy · Accepted Answer · 2014-08-11 14:07:06Z

0

You can also do it using vanilla JS very easily:

Object.keys(r).forEach(function (key) {
  alert(key);
});

answered Aug 11, 2014 at 14:07

Andy

63.6k13 gold badges72 silver badges99 bronze badges

Comments

C4CodeE4Exe · Accepted Answer · 2014-08-11 14:09:33Z

0

In your case, result will be an object and it looks like a dictionary to me having key value pairs.

You could do something like this

$.each(value, function (key, value) {
alert(key) // that's your key value    
this['prop_name'];  // iterate over your value object
});

answered Aug 11, 2014 at 14:09

C4CodeE4Exe

4,0608 gold badges42 silver badges46 bronze badges

Collectives™ on Stack Overflow

How to access object property names

5 Answers 5

DEMO

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related