Dynamically access deeply nested object properties by splitting a string with dot separators

Question

Consider the following JSON object:

{
    "data": {
        "data2": {
            "myProp": "hello"
        }
    }
}

I need to be able to dynamically access the deep property myProp, but the catch is, that I need to be able to write the deep property as a regular string. i.e:

let sortByThisValue = 'data.data2.myProp'

So I already started:

let propertyArray = sortByThisValue.split('.')
//Do something here
let myVal = data.[data2][myProp] //Or data.data2.myProp

What if one of the property names includes a dot `.`? – jsejcksn Jan 05 '22 at 10:12 — jsejcksn, Jan 05 '22 at 10:12

score 1 · Answer 1 · answered Jan 05 '22 at 10:12

You can access like below

const obj = {
  data: {
    data2: {
      myProp: "hello",
    },
  },
};

const key = "data.data2.myProp";

const getValue = (obj, key) => {
  const keys = key.split(".");
  let value = obj;
  for (let i = 0; i < keys.length; i++) {
    value = value[keys[i]];
    if (!value) {
       break;
    }
  }
  return value;
};


console.log(getValue(obj, key));
console.log(getValue(obj, 'abc'));

Dynamically access deeply nested object properties by splitting a string with dot separators

1 Answers1