Jquery loop through Json with array of objects and get key name

Question

I am able to read a json array from php, i want to display the key name of the items aswell. This might not make sense now but please check below code.

My json data

{ "A":{"Africa":"201455632", "Asia":"5145000"}, 
  "B":{"Brasil":"68455222"},
  "C":{"China":"14546787"}
 }

My js code i am able to dislplay the key-val pair

 $.each(data, function() {
     console.log('---')
     $.each(this, function(k, v) {
      console.log(k, v)
     });
 });

Its displays like this

  ---
  Africa 201455632
  Asia 5145000 
  ---
  Brasil 68455222 
  ---
  China 14546787

My Problem is, i want to display it like this, with their key name aswell, what can i replace console.log('---') with

A
  Africa 201455632
  Asia 5145000
B
  Brasil 68455222
C
  China 14546787

Do the same thing you did in the inner loop. $.each(data, function(key, val) {} — gen_Eric
– gen_Eric, Commented May 8, 2015 at 18:02

John S · Accepted Answer · 2015-05-08 18:00:30Z

5

Use the parameters to the callback function (just like you did with the inner loop).

$.each(data, function(key, value) {
    console.log(key);
    $.each(value, function(k, v) {
        console.log('  ' + k, v);
    });
});

jsfiddle

answered May 8, 2015 at 18:00

John S

21.5k9 gold badges50 silver badges59 bronze badges

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

Comments

Juan Marcos Armella · Accepted Answer · 2015-05-08 18:05:42Z

0

$.each(data, function(key, value) {
     console.log(key)
     $.each(value, function(k, v) {
      console.log(k, v)
     });
 });

Hope its help.

answered May 8, 2015 at 18:05

Juan Marcos Armella

7376 silver badges13 bronze badges

7 Comments

wahwahwah Over a year ago

This looks like you just copied and pasted @John S's answer.

Juan Marcos Armella Over a year ago

I started 10 minutes ago, bad luck for my. But i don't copy paste anything. Sory bad english.

wahwahwah Over a year ago

5 min is enough time to review what others have answered. If you had a slightly different solution, or offered something else of value, I wouldnt downvote (possibly even upvote instead.) You should also explain (as John did) what it is about your answer that solves the problem - not just post code. For those reasons, and my initial comment, sorry, but I'm giving this a downvote.

Juan Marcos Armella Over a year ago

Sorry for the answer, its my second or third, i will check the answers next time before posting it. No problem for the downvote, just explaining what i do.

gunr2171 Over a year ago

While this code snippet may solve the question, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion.

|

Collectives™ on Stack Overflow

Jquery loop through Json with array of objects and get key name

2 Answers 2

Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related