Reference nested json object property by string [duplicate]

Question

I know I'm missing something obvious here but say I have a JSON object that looks like this:

testObj = {
            levelOne: {
                       levelTwo: []
            }
}

I also have a string value:

var prop = 'levelOne.levelTwo';

I'm trying to determine if there's any way to basically do something like this:

var x = testObj[prop];

That doesn't work, but is there any way to do the equivalent?

junvar · Accepted Answer · 2019-06-17 20:49:31Z

5

There's no trivial way (e.g. testObj[prop]) of doing this, but the reduce function is well suited:

let nestedProp = (obj, path) =>
	path.split('.').reduce((obj, prop) => obj[prop], obj);

let x = nestedProp({levelOne: {levelTwo: [5]}}, 'levelOne.levelTwo');
console.log(x);

answered Jun 17, 2019 at 20:49

junvar

11.6k2 gold badges35 silver badges52 bronze badges

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

1 Comment

monkeyWithAMachinegun Over a year ago

Brilliant, thanks - I knew there had to be a simple way to do this. This gives me exactly what I was looking for.

Special Character · Accepted Answer · 2019-06-17 20:49:41Z

0

You can use dynamic keys to access properties in an object but not multiple levels down.

i.e. You can do const a = testObject["levelOne"] but not what you tried. (Docs)

There are however helper libs that have functions to do this. One example is lodash.get function

answered Jun 17, 2019 at 20:49

Special Character

2,3614 gold badges27 silver badges35 bronze badges

Collectives™ on Stack Overflow

Reference nested json object property by string [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related