getJSON each how to traverse to children objects

Question

I have the json below and I'm trying to traverse to the "results" and get the question value or the incorrect answers values

{
  "response_code": 0,
  "results": [
    {
      "category": "Science & Nature",
      "type": "multiple",
      "difficulty": "medium",
      "question": "Which part of the body does glaucoma affect?",
      "correct_answer": "Eyes",
      "incorrect_answers": [
        "Throat",
        "Stomach",
        "Blood"
      ]
    }
  ]
}

I can get the "response_code", "results" with the code that I wrote below

$(function() {  

    $.getJSON('https://opentdb.com/api.php?amount=10', function(data){
        $.each(data, function(key, val) {
            console.log(key +" or " + val);
        }); 

    });

  });

$.each(data.results, function(key, val) – sumit Feb 07 '17 at 22:30 — sumit, Feb 07 '17 at 22:30

score 0 · Answer 1 · answered Feb 07 '17 at 22:35

You can iterate over the results array with forEach.

$(function () {
  $.getJSON('https://opentdb.com/api.php?amount=10', function (data) {
    data.results.forEach(function (result) {
      var question = result.question;
      var incorrect_answers = result.incorrect_answers;
      console.log(question || incorrect_answers);
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Kevin Jantzer · Answer 2 · 2017-02-07T22:42:21.877

-1

You just need to loop through `data.results`

You should test to make sure it exists first...like I did below

var data = {
  "response_code": 0,
  "results": [
    {
      "category": "Science & Nature",
      "type": "multiple",
      "difficulty": "medium",
      "question": "Which part of the body does glaucoma affect?",
      "correct_answer": "Eyes",
      "incorrect_answers": [
        "Throat",
        "Stomach",
        "Blood"
      ]
    }
  ]
}

if( data.results ){
  
  // jQuery way
  $.each(data.results, function(index, d){
    
    console.log(d.question)
    console.log(d.incorrect_answers)
    
  })
  
  // vanilla JavaScript
  data.results.forEach(function(d, index){
    
    console.log(d.question)
    console.log(d.incorrect_answers)
    
  })
  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Feb 07 '17 at 22:42

answered Feb 07 '17 at 22:32

Kevin Jantzer

9,215
2
28
52

do I have to change it to data.results.forEach, can't I use the $.each method of the getJSON? – Andre Silva Feb 07 '17 at 22:38
You can still use the jQuery `$.each`. I just showed how to do without jQuery – Kevin Jantzer Feb 07 '17 at 22:40
how do I do it with the key value? just to get inside to the children – Andre Silva Feb 07 '17 at 22:41
why the downvote? – Kevin Jantzer Feb 07 '17 at 22:43
It wasn't me, I hate when they do that – Andre Silva Feb 07 '17 at 22:44
just loop through the data again: `$.each(d, function(key, val){ })` – Kevin Jantzer Feb 07 '17 at 22:45
Yeah, could have say that too, I don't know how, what to type inside of it – Andre Silva Feb 07 '17 at 22:47
I guess I dont understand what you are trying to do then – Kevin Jantzer Feb 07 '17 at 22:48
Ok now you wrote both ways, thank you – Andre Silva Feb 07 '17 at 23:19

getJSON each how to traverse to children objects

2 Answers2

You just need to loop through data.results

You just need to loop through `data.results`