How to access javascript object props with dynamic col names

Question

Trying access a deep object props with a predefined variable name.I see the result as undefined. Can someone please suggest best way to handle it

const testObject = {
      a :{
        b: {
          c: 'hello'
        }
      }
    }
    
    const testCol = "a.b.c"
    
    console.log(testObject.testCol)

Did you really think that `testObj.testCol` would be the same as `testObj.a.b.c`? — Ruan Mendes, Jun 13 '23 at 23:02

score 1 · Accepted Answer · answered Jun 13 '23 at 22:51

Unsure if this is the best solution. You can split testCol by . to get an array of each individual key you're trying to access. Then, use the .reduce() with object bracket notation to try and access each individual property at a time.

const testObject = {
    a :{
        b: {
          c: 'hello'
        }
    }
}
    
const testCol = "a.b.c"
const keys = testCol.split('.');

const result = keys.reduce((obj, key) => {
  if (obj && obj.hasOwnProperty(key)) {
    return obj[key];
  }
  
  return undefined;
}, testObject);

console.log(result);

How to access javascript object props with dynamic col names

1 Answers1