CODEWITHSUNDEEP
javascriptjsonajax
user1951962
user1951962

Reputation: 125

Can't loop through JSON data

I'm a real noob when it comes to JSON. Any help on the following would be fantastic.

console.log(obj.id); in the code below returns nothing in the console - I need to understand why? I expect it two log two things in the console based on the JSON data.

JS:

var matchTeamAStatsJSON

$.ajax({ 
  type: 'GET', 
  url: 'http://www.website.com/apipathblahblahblah',
  data: { get_param: 'value' }, 
  dataType: 'json',        
  success: function (data) {
    matchTeamAStatsJSON = data;
    console.log(matchTeamAStatsJSON);
    for(var i = 0; i < matchTeamAStatsJSON.length; i++) {
      var obj = matchTeamAStatsJSON[i];
      console.log(obj.id);
    }
  }
})

JSON:

{
"records": [
    {
        "id": "recGWUWqwjUNLpekA",
        "fields": {
            "playerSprints": 12,
            "playerDistanceCovered_km": 6.23
        },
        "createdTime": "2018-03-22T18:16:56.000Z"
    },
    {
        "id": "recx5pMFpxnRwR4La",
        "fields": {
            "playerSprints": 12,
            "playerDistanceCovered_km": 6.23
        },
        "createdTime": "2018-03-19T11:35:11.000Z"
    }
]
}

Upvotes: 0

Views: 64

Answers (2)

Yosvel Quintero
Yosvel Quintero

Reputation: 19070

You could use Array.prototype.forEach() and do:

const data = {"records": [{"id": "recGWUWqwjUNLpekA","fields": {"playerSprints": 12,"playerDistanceCovered_km": 6.23},"createdTime": "2018-03-22T18:16:56.000Z"},{"id": "recx5pMFpxnRwR4La","fields": {"playerSprints": 12,"playerDistanceCovered_km": 6.23},"createdTime": "2018-03-19T11:35:11.000Z"}]};

data.records.forEach(obj => console.log(obj.id));

Upvotes: 3

Heythisispaul
Heythisispaul

Reputation: 1

If the JSON example you posted below is the response from the GET request, data is equal to "records" which doesn't have an and "id" property. However, each instance of the array it contains does.

You need to get inside that array first and then get the "id" property of each element: console.log(obj.records[i].id) should get you want.

Hope this helps!

Upvotes: -1

Related Questions