Access a nested JSON object property via a single string

Question

This line: let X = this.appGlobal.GetNavigationLanguage().data; retuns JSON as you can see below.

I want to take NAV.REPORTS.BMAIL.TITLE.

Translate code (NAV.REPORTS.BMAIL.TITLE) is dynamically created.

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

But keep in mind I have dynamically created translation code I need something like this:

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

How I can achieve this?

Can you split the transCode by a . separator and then pick off the indeces as needed? If you're using other libraries, there are some good functions, like ramdajs.com/docs/#path. — aashah7
– aashah7, Commented Nov 28, 2018 at 14:24
I can but in that case, I must use double for iteration because every one item of navigation can have children. So I want to avoid that. — Nemanja Andric
– Nemanja Andric, Commented Nov 28, 2018 at 14:28

d4rty · Accepted Answer · 2018-11-28 14:49:27Z

2

test_data = {
  NAV: {
    REPORTS: {
      BMAIL: {
        TITLE: "hello"
      }
    }
  }
}

let transCode = 'NAV.REPORTS.BMAIL.TITLE';
properties = transCode.split('.'); //--> ["NAV","REPORTS","BMAIL","TITLE"]

result = test_data
properties.forEach(function(property) {
  result = result[property]
})

console.log(result) // --> hello

edited Nov 28, 2018 at 14:49

answered Nov 28, 2018 at 14:44

d4rty

4,2585 gold badges39 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fenton Over a year ago

This is a neat solution.

Fenton · Accepted Answer · 2018-11-28 14:44:31Z

The short and evil route would be the following:

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

The less evil way is to use a recursive function call, this means you only look into the number of items in your string-path (rather than looping the whole collection).

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


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

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

// Less Evil (but needs exception 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

Collectives™ on Stack Overflow

Access a nested JSON object property via a single string

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related