How to access property of nested object given dynamic keys?

Question

I have a nested object of which I do not know the structure of. For example:

const nestedObject = {
  "one": {
    "two": {
       "three": 3
     }
  }
}

I wanted to display value of three.

I have an array like this so that I know how to navigate the object in order to get to three:

const keys = ["one", "two", "three"]

This doesn't have to be structured this way.

So how do I access one.two.three given the keys array above? Or some other data structure. I was thinking of doing a recursion, but it seems too complex and I feel like there is a simple solution out there.

Please post the JavaScript in a minimal reproducible example. If you haven't actually tried anything yet...do so. — zer00ne
– zer00ne, Commented Apr 15, 2019 at 9:21
Possible duplicate of Convert JavaScript string in dot notation into an object reference — Kévin Bibollet
– Kévin Bibollet, Commented Apr 15, 2019 at 9:23

Robby Cornelissen · Accepted Answer · 2019-04-15 09:22:42Z

11

You can do it with a simple Array.prototype.reduce() function:

const data = {
  "one": {
    "two": {
       "three": 3
     }
  }
};

const keys = ["one", "two", "three"];

const value = keys.reduce((a, v) => a[v], data);

console.log(value);

answered Apr 15, 2019 at 9:22

Robby Cornelissen

98.6k23 gold badges154 silver badges180 bronze badges

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

Comments

Cid · Accepted Answer · 2019-04-15 09:34:17Z

0

You can use MyObject["fieldName"] to access the sub object. And then, you can use a recursive function that will use the array containing the indexes to roam through the object

let MyObj = {
  "one": {
    "two": {
       "three": 3
     }
  }
};

let Keys = ["one", "two", "three"];

function getValue(obj, arrIndexes, index = 0)
{
  let currentIndex = arrIndexes[index];
  let currentObject = obj[currentIndex];
  
  if (index < arrIndexes.length - 1)
  {
    return getValue(currentObject, arrIndexes, index + 1)
  }
  else
  {
    return currentObject;
  }
}

console.log(getValue(MyObj, Keys));

edited Apr 15, 2019 at 9:34

answered Apr 15, 2019 at 9:27

Cid

15.3k4 gold badges33 silver badges49 bronze badges

Collectives™ on Stack Overflow

How to access property of nested object given dynamic keys?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related