Destructure nested object with possible null values

Question

I am receiving a nested object as a response from my API which looks like this:

 myObject = {
   name: 'client name',
   address: {
     building: 'building name',
     block: 'block name',
     street: 'street name'
   }

I am currently destructing it by

  const { name, address: {building, block, street}} = myObject;

The code above works fine when myObject has the address object, but it's possible to get a response with the address object as null. like:

  myObject = {
    name: 'client name',
    address: null,
  }

in that case, I get an error saying: Cannot read property 'building' of null

I have tried destructing like below

const { name, address: {building, block, street} = {}} = myObject;

It only works if I get the address as undefined.

I have accomplished this by destructuring in multiple stages, but would rather do it in a single stage if possible.

@CodeThing the mentioned solution only works if I get address as undefined — Wahidullah Shadab
– Wahidullah Shadab, Commented Mar 31, 2023 at 3:19

Unmitigated · Accepted Answer · 2023-03-31 03:20:29Z

1

You could use a helper function to remove all null entries before destructuring to allow the default value to be used.

const removeNulls = o => Object.fromEntries(Object.entries(o).filter(([k, v]) => v !== null));
let myObject = {
  name: 'client name',
  address: null
};
const { name, address: {building, block, street} = {}} = removeNulls(myObject);
console.log(name, building, block, street);

answered Mar 31, 2023 at 3:20

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

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

2 Comments

Wahidullah Shadab Over a year ago

Thanks for the answer, in my case the address is not present at all.

Unmitigated Over a year ago

@WahidullahShadab If it's not present at all, there should be no error. Your original code works fine for that case: jsfiddle.net/uw5hx1eL

Collectives™ on Stack Overflow

Destructure nested object with possible null values

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related