Retrieve a specific property within a nested JSON object using a single string for reference

Question

Retrieve a specific property within a nested JSON object using a single string for reference

When I execute the line

let X = this.appGlobal.GetNavigationLanguage().data;

, it returns JSON data as shown below. https://i.sstatic.net/wdT4e.png

I am trying to extract the string NAV.REPORTS.BMAIL.TITLE.

The translation code (NAV.REPORTS.BMAIL.TITLE) is generated dynamically.

X.NAV.REPORTS.BMAIL.TITLE => works
```
X['NAV']['REPORTS']['BMAIL']['TITLE']
```
=> works

However, since the translation code is created dynamically, I need a method like the following:

let transCode = 'NAV.REPORTS.BMAIL.TITLE';
console.log(X[transCode]);

How can I accomplish this task?

json typescript

Answer 1

Answer №1

sample_data = {
  MENU: {
    ITEMS: {
      FRIES: {
        NAME: "French Fries"
      }
    }
  }
}

let menuCode = 'MENU.ITEMS.FRIES.NAME';
ingredients = menuCode.split('.'); //--> ["MENU","ITEMS","FRIES","NAME"]

output = sample_data
ingredients.forEach(function(ingredient) {
  output = output[ingredient]
})

console.log(output) // --> French Fries

Answer 2

sample_data = {
  MENU: {
    ITEMS: {
      FRIES: {
        NAME: "French Fries"
      }
    }
  }
}

let menuCode = 'MENU.ITEMS.FRIES.NAME';
ingredients = menuCode.split('.'); //--> ["MENU","ITEMS","FRIES","NAME"]

output = sample_data
ingredients.forEach(function(ingredient) {
  output = output[ingredient]
})

console.log(output) // --> French Fries

Answer 3

Answer №2

The quicker and darker path would lead you here:

console.log(eval(`X.${transCode}`));

A more ethical approach involves using a recursive function call, limiting the search to specific levels within your string-path (instead of iterating through the entire collection).

const X = {
    NAV: {
        REPORTS: {
            BMAIL: {
                TITLE: 'Test'
            }
        }
    }
}

const transCode = 'NAV.REPORTS.BMAIL.TITLE';

// Quick and dark...
console.log(eval(`X.${transCode}`));  // Test

// More Ethical (but necessitates error handling)...
function getData(input: any, splitPath: string[]) {
    const level = splitPath.pop();

    if (splitPath.length === 0) {
        return input[level];
    } else {
        return getData(input[level], splitPath);
    }
}

const result = getData(X, transCode.split('.').reverse());

console.log(result); // Test

Answer 4

The quicker and darker path would lead you here:

console.log(eval(`X.${transCode}`));

A more ethical approach involves using a recursive function call, limiting the search to specific levels within your string-path (instead of iterating through the entire collection).

const X = {
    NAV: {
        REPORTS: {
            BMAIL: {
                TITLE: 'Test'
            }
        }
    }
}

const transCode = 'NAV.REPORTS.BMAIL.TITLE';

// Quick and dark...
console.log(eval(`X.${transCode}`));  // Test

// More Ethical (but necessitates error handling)...
function getData(input: any, splitPath: string[]) {
    const level = splitPath.pop();

    if (splitPath.length === 0) {
        return input[level];
    } else {
        return getData(input[level], splitPath);
    }
}

const result = getData(X, transCode.split('.').reverse());

console.log(result); // Test

Retrieve a specific property within a nested JSON object using a single string for reference

Answer №1

Answer №2

Similar questions

What is the solution for the warning "Solid's reactivity is broken when destructuring component props"?

Retrieving Data for Specific Key in JSON Object using BigQuery

Ways to convert all keys to uppercase in an array of objects?

The error message "React is not defined" is commonly encountered when using React Native Storybook with

A guide on changing JSON into a JavaScript array

What is the best way to decode this JSON in Swift? Handling objects that begin with a numerical value

Getting the HTML or JSON response from the WebDriver using Selenium

Issue with TypeScript error encountered when attempting to save data locally using React-Redux and LocalStorage

Why isn't my data appearing when using $http.get in AngularJS?

Typescript - dealing with a null array reference

Can you explain the significance of tslint's message: "Warning: The 'no-use-before-declare' rule necessitates type information"?

Typescript: Subscribed information mysteriously disappeared

What are the most effective strategies for efficiently handling enormous json files?

Limit the parameter of a TypeScript method decorator based on the method's type

Steps for integrating Cordova-vk plugin into an Ionic 3 project

Encountering difficulties with a custom Firestore service when attempting to extend it after updating to Angular 9

Is it possible to use ES6 import and require in Typescript 2?

Combining numerous interfaces into a unified interface in Typescript

Using an Angular Promise and Conditional Statement for Authentication Guard

Error message: The attempted import failed because ' is not exported from the module