Extracting information from a JSON dataset

Question

Extracting information from a JSON dataset

Struggling today to figure out how to loop through and print the name of each object.

Check out the JSON response below:

    {
        "placeListings": {
            "OBJ1": {
                "Active": true,
                "Name": "place 1"
            },
            "OBJ2": {
                "Active": true,
                "Name": "place 2"
            },
            "OBJ3": {
                "Active": true,
                "Name": "place 3"
            }
        }
    }

I want to extract the names using a for loop

 for (let i = 0; i < res.length; i++) {
                    console.log("NAME: " + res.placeListings.OBJ1.Name);
                }

However, I'm unsure how to go through OBJ1/OBJ2/OBJ3 etc...

If you have any guidance, please share!

javascript json typescript for-loop

Answer 1

Answer №1

The placeListings is actually an object, not an array. To access the keys of this object, you will need to utilize the Object.keys method.

const source = {
  placeListings: {
    OBJ1: {
      Active: true,
      Name: 'place 1'
    },
    OBJ2: {
      Active: true,
      Name: 'place 2'
    },
    OBJ3: {
      Active: true,
      Name: 'place 3'
    }
  }
}

const keys = Object.keys(source.placeListings)
console.log(keys)

for (let i = 0; i < keys.length; i++) {
  console.log(source.placeListings[keys[i]])
}

Answer 2

The placeListings is actually an object, not an array. To access the keys of this object, you will need to utilize the Object.keys method.

const source = {
  placeListings: {
    OBJ1: {
      Active: true,
      Name: 'place 1'
    },
    OBJ2: {
      Active: true,
      Name: 'place 2'
    },
    OBJ3: {
      Active: true,
      Name: 'place 3'
    }
  }
}

const keys = Object.keys(source.placeListings)
console.log(keys)

for (let i = 0; i < keys.length; i++) {
  console.log(source.placeListings[keys[i]])
}

Answer 3

Answer №2

To simplify this task, you only need to write one line of code using the Object.keys() function combined with the Array.forEach() method.

Example :

const info = {
  "dataItems": {
    "ITEM1": {
      "Active": true,
      "Label": "Item A"
    },
    "ITEM2": {
      "Active": true,
      "Label": "Item B"
    },
    "ITEM3": {
      "Active": true,
      "Label": "Item C"
    }
  }
};

Object.keys(info.dataItems).forEach(item => console.log(info.dataItems[item].Label));

Answer 4

To simplify this task, you only need to write one line of code using the Object.keys() function combined with the Array.forEach() method.

Example :

const info = {
  "dataItems": {
    "ITEM1": {
      "Active": true,
      "Label": "Item A"
    },
    "ITEM2": {
      "Active": true,
      "Label": "Item B"
    },
    "ITEM3": {
      "Active": true,
      "Label": "Item C"
    }
  }
};

Object.keys(info.dataItems).forEach(item => console.log(info.dataItems[item].Label));

Extracting information from a JSON dataset

Answer №1

Answer №2

Similar questions

Having trouble getting any results from a JSON response using the jQuery Tokeninput plugin in PHP?

Upon sending an HTTP POST request from JavaScript to a Node server, the body was found to be

Update the HTML weather icon with data from JSON

Using JQuery to SlideUp with a Background Color Fading Behind an Image

JavaScript encountered an error stating that $ is undefined and has not been defined in the program

Tips for integrating new channels and categories using a Discord bot

What is the best method for storing API user authentication tokens in IBM cloud functions with Node.js?

Guide to eliminating hashtags from the URL within a Sencha web application

Is there a way to store a JSON object retrieved from a promise object into a global variable?

Using JSON Values in JavaScript

How to extract a value from a BehaviorSubject within an Angular 6 guard

When loading a page in NodeJS and Express, there are no initial displays, but upon refreshing the page, all data is successfully retrieved

ESLint flagging "Unexpected tab character" error with "tab" indentation rule enabled

Vue.js - Exploring methods to append an array to the existing data

What are the potential causes of receiving the error message "No Data Received ERR_EMPTY_RESPONSE"?

Creating Dynamic Types in TypeScript Based on React State

The syntax for specifying the post body content in frisby.js is important

Assigning a dynamic name to an object in Typescript is a powerful feature

Dynamically load scripts in angularJs

What is the best way to pass my session token information between various JavaScript files on the server?