Get Values of nested Objects in Loop

Question

I have the following goal. An array of strings that I can use to get the keys of an object that I need. My problem is, I don't know how to get to the nested properties in my loop.

My array:

const arr = ["firstName", "age", "organization.name"]

My object:

const obj = {id: 1, firstName: "John", lastName: "Smith", age: 20, organization: {id: 40, name: "Contoso"}}

My loop:

for(let i = 0; i < arr.length; i++){ console.log(obj[arr[i]) }

Of course, all nested properties don't work. But how can I access them within a loop? I tried it with arr[i].split(".") but don't know, how I can put an array of keys to get the properties. This works but isn't good for deeply nested properties.

const splited = arr[i].split(".");
console.log(obj[splited[0][splited[1]);

I probably have the wrong approach, but can't come up with the right answer.

Zia ur Rehman · Accepted Answer · 2021-03-20 10:34:55Z

1

Here is a solution for you

function getValue(o, k) {
  return k.split('.').reduce((r, e) => {
    if (!r) return r;
    else return r[e] || undefined;
  }, o);
}

Here is usage

console.log(arr.map(row => getValue(obj, row)));

Here is result

["John", 20, "Contoso"]

answered Mar 20, 2021 at 10:34

Zia ur Rehman

5754 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Get Values of nested Objects in Loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related