javascript - find nested property from javascript object

Question

I might have two type of payloads.

const payload = {
   "firstName":"Steven",
   "lastName":"Smith"
}

or

const payload = {
   "personalDetails": {
       "firstName":"Steven",
       "lastName":"Smith"
    }
}

How can I retrieve firstName from the payload during a REST API call.

const { firstName } = payload;

The above code will work for the first payload but it won't for the second payload since firstName is nested inside personalDetails. Is there a clean of retrieving it in ES6?

James · Accepted Answer · 2021-08-24 19:50:56Z

4

const { personalDetails: { firstName } } = payload;

More about destructuring nested objects.

answered Aug 24, 2021 at 19:50

James

22.4k5 gold badges30 silver badges44 bronze badges

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

1 Comment

Utkarsh Dixit Over a year ago

Its debatable which one is cleaner, for me personally const { firstName } = payload.personalDetails seems more cleaner.

Nina Scholz · Accepted Answer · 2021-08-24 19:57:38Z

3

You cound take personalDetails property if not undefined or null or just the variable directly.

const { firstName } = payload.personalDetails ?? payload;

answered Aug 24, 2021 at 19:57

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

2 Comments

user2281858 Over a year ago

think ?? is more modern, does not support my codebase.

Nina Scholz Over a year ago

you could take logical OR || instead.

Eduardo Hernández · Accepted Answer · 2021-08-24 20:05:07Z

0

Strange scenario you have here but this might solve the issue:

const { firstName } = payload.personalDetails ? payload.personalDetails : payload;

answered Aug 24, 2021 at 20:05

Eduardo Hernández

2111 silver badge4 bronze badges

Collectives™ on Stack Overflow

javascript - find nested property from javascript object

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related