Javascript JsON get object member name

Question

this is might be a very basic question, but seems like it's not easy to find the answer. I have a Json, more or less is like:

languages = {
"aa":{"iso639-2T":"aar","family":"Afro-Asiatic","labels":{"language_names":["Afar"],"native_names":["Afaraf"]}},
"ab":{"iso639-2T":"abk","family":"Northwest Caucasian","labels":{"language_names":["Abkhaz"],"native_names":["\u0430\u04a7\u0441\u0443\u0430"]}},
"af":{"iso639-2T":"afr","family":"Indo-European","labels":{"language_names":["Afrikaans"],"native_names":["Afrikaans"]}}, etc...etc... }

if you see json above, there's several language object inside languages variable. and each language object has its own name as its identifier ("aa", "ab", "af")

so then, my question is, how to get those identifier ("aa", "ab", "af") if i want to list all of those language in html? eg. if i want to create like a combo box (<option value="aa">Afar</option><option value="ab">Abkhaz</option><option value="af">Afrikaans</option>)

actually what i want to achieve is something like this (in php)

$sampleArray = Array("aa" => "Afar", "ab" => "Abkhaz", "af" => "Afrikaans"); foreach($sampleArray as $id => $value){ /* I can get the id from $id* / }

is there any solution similar like php syntax above for my json in java script?

ps. if you're wondering why i'm not using array - I'm just thinking it will easier to grab certain language object (im just do something like: languages["af"] to get afrikaans language) rather than i should do: loop through the entire language object and check one-by-one if the id is what i want, and then return it. - you can give me another suggestion for this if you guys have a better idea :)

Best Regards,

AnD

Great this is very fast answer hahaha, thanks guys for helping me out! *see below for the answer :) — AnD
– AnD, Commented Oct 19, 2010 at 8:05

Gabriele Petrioli · Accepted Answer · 2010-10-19 08:06:36Z

6

this should do what you want..

to see them

for (var lang in languages)
  alert(lang + ' : ' + languages[lang].labels.language_names[0]);

to put them in the DOM

var $select = $('selector to your select element');
for (var lang in languages)
  $select.append('<option value="'+lang+'">' + languages[lang].labels.language_names[0] + '</option>');

Working code at http://www.jsfiddle.net/EsJAh/

edited Oct 19, 2010 at 8:06

answered Oct 19, 2010 at 7:49

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

2 Comments

James Westgate Over a year ago

alert(lang + ' : ' + languages[lang].labels.language_names[0] ?

Gabriele Petrioli Over a year ago

@james, nice catch .. missed the array there.. fixed in answer.

Mads Lee Jensen · Accepted Answer · 2010-10-19 07:47:27Z

3

You can use the "for"

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

answered Oct 19, 2010 at 7:47

Mads Lee Jensen

4,6585 gold badges38 silver badges53 bronze badges

Comments

Mic · Accepted Answer · 2010-10-19 07:48:35Z

2

Did you try:

languages['af'].labels.language_names[0]

It will return Afrikaans

answered Oct 19, 2010 at 7:48

Mic

25.2k9 gold badges62 silver badges71 bronze badges

1 Comment

Keyslinger Over a year ago

I think in this example what he doesn't have the 'af' in the first place. That's what he's trying to get.

mellowsoon · Accepted Answer · 2010-10-19 07:54:43Z

2

var data = new Array();
for(var lang in languages) {
    data[lang] = languages[lang];
}

edited Oct 19, 2010 at 7:54

answered Oct 19, 2010 at 7:48

mellowsoon

23.6k19 gold badges59 silver badges76 bronze badges

3 Comments

Ivo Wetzel Over a year ago

Using Array here is wrong. You should use {} aka new Object(), yes it works with Array too, but that's only because you're setting properties on the Array Object, you're in fact not setting anything IN the Array :)

mellowsoon Over a year ago

@Ivo - I completely agree with you. It just seems like the OP already has what he's looking for in the languages object. So, I figured I'd give him something else.

mellowsoon Over a year ago

What Ivo is saying is.. When you set data["foo"] = "bar", you're not actually adding the key/value "foo" => "bar" to the array. You're actually adding the foo property to the array object, i.e. Array.foo = "bar". While it will work 90% of the time, there are a few gotchas that pop up.

AnD · Accepted Answer · 2010-10-19 09:33:17Z

0

If you're using jquery, then you can do this actually:

$.each( languages, function(k, v){
        alert( "Key: " + k + ", Value: " + v );
        // value is your particular language object based on k variable
});

:)

answered Oct 19, 2010 at 9:33

AnD

3,1399 gold badges40 silver badges64 bronze badges

Collectives™ on Stack Overflow

Javascript JsON get object member name

5 Answers 5

2 Comments

Comments

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related