Guide to reading JSON files with a personalized approach

Question

Guide to reading JSON files with a personalized approach

Below is a JSON object structure that I am working with:

{
 "db": {
   "name": "db",
   "connector": "memory"
 },
"MySql": {
   "host": "localhost",
   "port": 3306,
   "database": "users",
   "username": "root",
   "password": "",
   "name": "MySql",
   "connector": "mysql"
 },
"postgreDS": {
   "host": "localhost", 
   "port": 1234,
   "database": "abc", 
   "username": "postgres", 
   "password": "abc",
   "name": "postgreDS",
   "connector": "postgresql"
 }

From the above JSON object, I am looking to extract the following keys:

{"db", "MySql", "postgreDS"}

I am seeking guidance on how to extract this information using JavaScript and also how to access the subkeys along with their respective values.

javascript json

Answer 1

Answer №1

If you're in need of extracting the keys from nested objects, you can utilize Object.keys:

var keys = Object.keys(obj); // [ "db", "MySql", "postgreDS" ]

If your goal is to retrieve values from nested objects based on a specific key, here's a versatile function that will generate an array of values:

function retrieveValueFromKey(obj, key) {
    return Object.keys(obj).map(function (el) {
        return obj[el][key];
    });
}

retrieveValueFromKey(obj, 'name'); // [ "db", "MySql", "postgreDS" ]
retrieveValueFromKey(obj, 'connector'); // [ "memory", "mysql", "postgresql" ]

VIEW DEMO

Answer 2

If you're in need of extracting the keys from nested objects, you can utilize Object.keys:

var keys = Object.keys(obj); // [ "db", "MySql", "postgreDS" ]

If your goal is to retrieve values from nested objects based on a specific key, here's a versatile function that will generate an array of values:

function retrieveValueFromKey(obj, key) {
    return Object.keys(obj).map(function (el) {
        return obj[el][key];
    });
}

retrieveValueFromKey(obj, 'name'); // [ "db", "MySql", "postgreDS" ]
retrieveValueFromKey(obj, 'connector'); // [ "memory", "mysql", "postgresql" ]

VIEW DEMO

Answer 3

Answer №2

Here is an example of a similar code snippet (using the variable data instead of obj):

var dataKeys = [];
for(var key in data){
    dataKeys.push(key);
}
console.log(JSON.stringify(dataKeys)); // ["name", "age", "gender"]

Answer 4

Here is an example of a similar code snippet (using the variable data instead of obj):

var dataKeys = [];
for(var key in data){
    dataKeys.push(key);
}
console.log(JSON.stringify(dataKeys)); // ["name", "age", "gender"]

Answer 5

Answer №3

Check out the JSFIDDLE,

Javascript

$(function(){
var result = {};
var elements = {
 "db": {
 "name": "db",
 "connector": "memory"
  },
"MySql": {
   "host": "localhost",
   "port": 3306,
   "database": "users",
   "username": "root",
   "password": "",
   "name": "MySql",
   "connector": "mysql"
  },
"postgreDS": {
   "host": "localhost", 
   "port": 1234,
   "database": "abc", 
   "username": "postgres", 
   "password": "abc",
   "name": "postgreDS",
   "connector": "postgresql"
 }};
 
for(var key in elements) {
    result.push(key); // result will hold the expected output
}
console.log(result);
});

Answer 6

Check out the JSFIDDLE,

Javascript

$(function(){
var result = {};
var elements = {
 "db": {
 "name": "db",
 "connector": "memory"
  },
"MySql": {
   "host": "localhost",
   "port": 3306,
   "database": "users",
   "username": "root",
   "password": "",
   "name": "MySql",
   "connector": "mysql"
  },
"postgreDS": {
   "host": "localhost", 
   "port": 1234,
   "database": "abc", 
   "username": "postgres", 
   "password": "abc",
   "name": "postgreDS",
   "connector": "postgresql"
 }};
 
for(var key in elements) {
    result.push(key); // result will hold the expected output
}
console.log(result);
});

Guide to reading JSON files with a personalized approach

Answer №1

Answer №2

Answer №3

Similar questions

What's the optimal method for integrating bootstrap.css into a Nuxt project?

Using ng-pattern to validate that a text field does not conclude with a particular term

Tips for avoiding automatic updates to .js scripts after pressing F5

Using the https module in Node.js to transfer a file to a PHP server

How can I assign a default value for a multiple select dropdown list in AngularJS?

What is the best way to eliminate an item from an array in JavaScript or AngularJS?

Displaying the preselected option in a Select dropdown menu using Angular

Issue when deserializing JSON credentials for Google Sheets API in C#

Easily changing the state of a specific array item using React

What is the best way to organize an array of JSON objects stored in a variable?

Manipulating multidimensional arrays in PHP and converting them to JSON format

Troubleshooting a Vue 2 component's prop receiving an incorrect value

Issue with Ionic toggles not updating the correct local storage entry

Error: Unable to access attachShadow property as it is null and cannot be read

The error message "Cross-origin requests are only supported for protocol schemes" may occur in Google Chrome when using Adobe Animate CC

What is the best way to modify an array's property in order to achieve the desired outcome when using json_encode?

What is the best approach to dynamically load html table cell data into a table with changing headers in a React application?

UPDATE: Choosing several classes and then toggling the classes independently for each one

Parallel mapping with simultaneous multiple inserts

Is it feasible to fetch data from various keys in a single query?