Gaining entry to a JSON object within an array

Question

Gaining entry to a JSON object within an array

I've completed various courses on JSON and put in a lot of effort to troubleshoot this bug. However, it seems that my question is too specific and I require a practical example.

JSON

{
  "date": "2017-10-15",
  "league": "NHL",
  "odds": "spreads",
  "status": "200 OK",
  "updated": "2017-10-23 00:07 UTC",
  "games": [
    {
      "away": {
        "rot": "051",
        "odds": {
          "acesport": "-1.5 +178",
          "betphoenix": "-1.5 +177",
          "betus": "-1.5 +170",
          "bookmaker": "-1.5 +180",
          "bovada": "-1.5 +170",
          "dsi": "-1.5 +170",
          "easystreet": "-1.5 +180",
          "jazz": "-1.5 +175",
          "mirage": "-1.5 +180",
          "open": "-1.5 -110",
          "pinnacle": "-1.5 +192",
          "sbg": "-1.5 +175",
          "sia": "-1.5 +150",
          "sportsbet": "-1.5 +240",
          "station": "-1.5 +175",
          "westgate": "-1.5 +175"
        },
        "team": "Boston Bruins",
        "score": 1
      },
      "home": {
        "rot": "052",
        "odds": {
          "acesport": "+1.5 -208",
          "betphoenix": "+1.5 -217",
          "betus": "+1.5 -200",
          "bookmaker": "+1.5 -210",
          "bovada": "+1.5 -200",
          "dsi": "+1.5 -200",
          "easystreet": "+1.5 -210",
          "jazz": "+1.5 -205",
          "mirage": "+1.5 -220",
          "open": "+1.5 -110",
          "pinnacle": "+1.5 -214",
          "sbg": "+1.5 -210",
          "sia": "+1.5 -175",
          "sportsbet": "+1.5 -280",
          "station": "+1.5 -210",
          "westgate": "+1.5 -200"
        },
        "team": "Vegas Golden Knights",
        "score": 3
      },
      "time": "7:05 PM EST",
      "status": "Final"
    }
  ]
}

After researching and watching videos, I believe the code snippet below is close to the correct solution. The problem might be that this isn't just a value in an array, but another object?

for (i = 0; i <= body.games.length; i++){
    for (var key in body.games[i]) {
        console.log("Game " + (i +1));
        console.log(body.games[i][key].away.odds.acesport);
    }
}

javascript json node.js

Answer 1

Answer №1

It seems like you forgot to include a question in your post. For the sake of clarity, I will assume you are asking "How can I access an object within an array?" and "What could be the reason for my code not functioning as expected?"

Here is an example that may help illustrate the concept:

for (var i = 0; i < body.games.length; i++) {
    var game = body.games[i];
    console.log("Game number " + (i + 1));
    console.log(game.away.odds.acesport);
    for (var key in game) {
        // This loop will display the properties "away", "home", "time", and "status",
        // but it won't show the corresponding values like "object", "object",
        // "7:05 PM EST", and "Final".
        console.log("Game property: " + key);
    }
}

Answer 2

It seems like you forgot to include a question in your post. For the sake of clarity, I will assume you are asking "How can I access an object within an array?" and "What could be the reason for my code not functioning as expected?"

Here is an example that may help illustrate the concept:

for (var i = 0; i < body.games.length; i++) {
    var game = body.games[i];
    console.log("Game number " + (i + 1));
    console.log(game.away.odds.acesport);
    for (var key in game) {
        // This loop will display the properties "away", "home", "time", and "status",
        // but it won't show the corresponding values like "object", "object",
        // "7:05 PM EST", and "Final".
        console.log("Game property: " + key);
    }
}

Answer 3

Answer №2

You are attempting to retrieve data from

body.games[i].away.away.odds.acesport

, but this method will not give you the desired result. Here are some alternative approaches that may be more effective:

Approach #1

Simplify by extracting values of known keys with the properties you need.

for (i = 0; i <= body.games.length - 1; i++){
  console.log("Game " + (i +1));
  console.log(body.games[i].away.odds.acesport);
  console.log(body.games[i].home.odds.acesport);
}

Approach #2

Check for the existence of properties like odds and acesport, making it more scalable.

for (i = 0; i <= body.games.length - 1; i++) {
  console.log("Game " + (i +1));
  for (var key in body.games[i]) {  
    var acesport = body.games[i][key].odds && body.games[i][key].odds.acesport;
    if (acesport) console.log(acesport);
  }
}

Approach #3

If you prefer cleaner code:

body.games.forEach(function(game, index) {
  console.log("Game " + index + 1);
  Object.keys(game).forEach(function (prop) {
    var acesport = game[prop].odds && game[prop].odds.acesport;
    if (acesport) console.log(acesport);
  });
});

For even cleaner code (using string templates and arrow functions):

body.games.forEach((game, index) => {
  console.log(`Game ${index + 1}`);
  Object.keys(game).forEach((prop) => {
    var acesport = game[prop].odds && game[prop].odds.acesport;
    if (acesport) console.log(acesport);
  });
});

Answer 4

You are attempting to retrieve data from

body.games[i].away.away.odds.acesport

, but this method will not give you the desired result. Here are some alternative approaches that may be more effective:

Approach #1

Simplify by extracting values of known keys with the properties you need.

for (i = 0; i <= body.games.length - 1; i++){
  console.log("Game " + (i +1));
  console.log(body.games[i].away.odds.acesport);
  console.log(body.games[i].home.odds.acesport);
}

Approach #2

Check for the existence of properties like odds and acesport, making it more scalable.

for (i = 0; i <= body.games.length - 1; i++) {
  console.log("Game " + (i +1));
  for (var key in body.games[i]) {  
    var acesport = body.games[i][key].odds && body.games[i][key].odds.acesport;
    if (acesport) console.log(acesport);
  }
}

Approach #3

If you prefer cleaner code:

body.games.forEach(function(game, index) {
  console.log("Game " + index + 1);
  Object.keys(game).forEach(function (prop) {
    var acesport = game[prop].odds && game[prop].odds.acesport;
    if (acesport) console.log(acesport);
  });
});

For even cleaner code (using string templates and arrow functions):

body.games.forEach((game, index) => {
  console.log(`Game ${index + 1}`);
  Object.keys(game).forEach((prop) => {
    var acesport = game[prop].odds && game[prop].odds.acesport;
    if (acesport) console.log(acesport);
  });
});

Gaining entry to a JSON object within an array

Answer №1

Answer №2

Approach #1

Approach #2

Approach #3

Similar questions

Interested in integrating server side JavaScript with your Android application?

Tips for incorporating JavaScript into elements that have been modified using jQuery's .html() method

Android is now asking for location permissions instead of Bluetooth permissions, which may vary depending on the version

Angular state correctly maps to the controller but is not reflected in the HTML

Prisma financial deal

Out of the blue, my session stopped functioning

Exploring the power of Nestjs EventEmitter Module in combination with Serverless functions through the implementation of Async

Implementing a feature to automatically set the datepicker value to the selected date upon page initialization

Encountered an issue while attempting to assess Jackson deserialization for this specific

Modifying the value of a variable causes a ripple effect on the value of another variable that had been linked to it

When comparing org.json.simple.JSONObject and org.json.JSONObject, the issue of JSONException not being able to be resolved as a

Looking for assistance in transferring information from one webpage to another dynamic webpage

Transitioning the height of a Vue component when switching routes

Include JSON elements in the ajaxSubmit function

Can you provide guidance on securing a REST API using Google authentication?

Angular2: The NgFor directive is designed to work with Iterables like Arrays for data binding

Component fails to update when attribute is modified

Retrieve the quantity information from a JSON object

Connect a function to create a new document element in order to modify the

Having trouble receiving a response from $.get method in localhost using jQuery