how to browse a javascript object

Question

I'm new to jQuery. Following is the data variable that contains a json dictionary.

{
   "user":null, 
   "currency":"EUR",
   "balance":0,
   "translist": [ 
       { "trans1":"something","trans2":"something2" }
   ]
}

and my jQuery method receives a json/Javascript object from the Rest GET call

success: function (data){    
        for(x in data) {
            console.log(x + ':   ' + data[x]);
        }       
    });

Is there any library that can help to parse/walk through this json object and get to some kind of objects list? I want to check some of the keys and their respective values. Problem is I don't need all the keys and values from the list and also some of the values can be null, which prevented me to apply some solutions I found using SO.

Or usually is it more common to directly start printing the HTML inside the success function?

EDIT:If it was java for example it would be a Map and I would use an iterator to walk through and see/analyse the map values, and create some array list with the values I want from it. What's equivalent of that in jQuery?

You don't need any library to walk in a js object. What access/iteration is a problem to you ? — Denys Séguret
– Denys Séguret, Commented Jan 8, 2013 at 9:38
"my JQuerry method receives a Json "object" " — There's no such thing, that's just a JavaScript object. — Quentin
– Quentin, Commented Jan 8, 2013 at 9:40

Jack Bonneman · Accepted Answer · 2014-02-22 13:27:08Z

3

If it was java for example it would be a Map and I would use an iterator to walk through and see/analyse the map values, and create some arraylist with the values I want in it. What is the equivalent of that in jQuery?

Any javascript object can be seen as an associative map.

You can for example directly access the currency as data['currency'].

You can also build an array :

var a = [];
for (var key in data) {
    a.push({key:key, value:data[key]});
}

You could also build some HTML and apply functions to the data :

$(document.body).append($(
   '<table>' + a.map(function(v){
      return '<tr><td>'+v.key+'</td><td>'+v.value+'</td></tr>'
   }).join('')+'</table>'
));

Demonstration

Using jQuery can make the same iteration simpler (working directly from data) :

$(document.body).append($(
   '<table>' + $.map(data, function(value,key){
      return '<tr><td>'+key+'</td><td>'+value+'</td></tr>'
   }).join('')+'</table>'
));

Demonstration

edited Feb 22, 2014 at 13:27

Jack Bonneman

1,80518 silver badges24 bronze badges

answered Jan 8, 2013 at 9:43

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

1 Comment

Spring Over a year ago

and how can i get the sub array elements of transactions?

palaѕн · Accepted Answer · 2013-01-08 09:49:36Z

1

Try using each

success: function (data){   
    $.each( data, function( key, value ) {
        if(key === "currency")
            alert( key + ": " + value );
    });   
});

answered Jan 8, 2013 at 9:49

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

1 Comment

Amyth Over a year ago

he said he does not want all key, values

Collectives™ on Stack Overflow

how to browse a javascript object

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related