What are some practical examples of object destructuring in JavaScript?

What are some practical examples of object destructuring in JavaScript?

Object destructuring allows you to unpack values from arrays or properties from objects into distinct variables. For example, if you have an object like const person = { name: 'Alice', age: 25 };, you can extract the properties like this: const { name, age } = person;.

Can you show me how to use it with function parameters?

Sure! You can destructure an object directly in the function parameters. For instance: function greet({ name }) { return Hello, ${name}!; } and then call it with greet({ name: 'Bob' });.

What about using it with arrays?

For arrays, you can do something similar. For example, const colors = ['red', 'green', 'blue']; can be destructured like this: const [firstColor, secondColor] = colors;.

Are there any common pitfalls to watch out for?

Yes, one common pitfall is using the wrong variable names. If you try to destructure a property that doesn't exist, it will be undefined. Always ensure the property names match!