What are some advanced destructuring techniques in JavaScript?

Can you explain some advanced destructuring techniques in JavaScript?

Sure! Advanced destructuring in JavaScript allows you to unpack values from arrays or properties from objects into distinct variables. For example, you can use nested destructuring to extract values from nested objects.

Can you give me an example of nested destructuring?

Absolutely! Here's an example:

const user = {
  id: 1,
  name: 'John',
  address: {
    city: 'New York',
    zip: '10001'
  }
};

const { name, address: { city } } = user;
console.log(name); // John
console.log(city); // New York

This extracts the name and city directly from the user object.

What about default values in destructuring?

Great question! You can assign default values in destructuring to handle cases where the property might be undefined. For example:

const { name = 'Guest', age = 18 } = user;
console.log(name); // John or 'Guest' if name is undefined
console.log(age); // 18 if age is undefined