How to access a nested object with string paths? [duplicate]

Question

I'm trying to access properties of a JavaScript object by passing a path (string or otherwise):

// In a loop
tableData[i].profile.firstname

where 'profile.firstname' is the path.

Is there a way to access a nested property based on a path in this way?

let firstnamePath = 'profile.firstname'
let firstname     = tableData[i][firstnamePath]

@Amadan yes there are several good duplicates but they're a pain to find :) — Pointy
– Pointy, Commented Dec 20, 2016 at 23:43
They are quite similar, but IMO not duplicates, the answer below is quite different and is what I was looking for, because I can use complex paths with such a functional approach — awzx
– awzx, Commented Dec 20, 2016 at 23:51
Without lodash: 'profile.firstname'.split('.').reduce((_, x) => _[x], tableData) =) — cchamberlain
– cchamberlain, Commented Dec 21, 2016 at 0:03

cchamberlain · Accepted Answer · 2016-12-20 23:45:11Z

1

Yes, but not with the syntax you've proposed. This is easiest done when your path is an array of strings:

const tableData = (
  { profile: { firstname: 'jim', lastname: 'johnson' }
  }
)
                                                                    
const path = [ 'profile', 'firstname' ]

const valueAtPath = path.reduce((_, x) => _[x], tableData)

console.info(valueAtPath)

edited Dec 20, 2016 at 23:45

answered Dec 20, 2016 at 23:42

cchamberlain

18k7 gold badges61 silver badges72 bronze badges

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

2 Comments

awzx Over a year ago

I'll try this right now

awzx Over a year ago

This solution works nicely !

Collectives™ on Stack Overflow

How to access a nested object with string paths? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related