What is the difference between object destructuring and the spread operator in JavaScript?

What is the difference between object destructuring and the spread operator in JavaScript?

Object destructuring allows you to unpack values from objects into distinct variables, while the spread operator is used to expand elements of an iterable (like an array) into individual elements.

Can you give me an example of object destructuring?

Sure! For example, if you have an object const person = { name: 'Alice', age: 25 };, you can destructure it like this: const { name, age } = person;.

And how would I use the spread operator?

The spread operator can be used to create a new object by copying properties from an existing one. For example: const newPerson = { ...person, city: 'New York' };.

Are there any performance differences between the two?

Generally, both are efficient, but the spread operator can be slightly slower due to creating a new object. However, the difference is usually negligible.