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 each?

Sure! For object destructuring: const {a, b} = obj; extracts properties a and b from obj. For the spread operator: const newArray = [...oldArray]; creates a new array with all elements from oldArray.

When should I use one over the other?

Use object destructuring when you want to extract specific properties from an object. Use the spread operator when you need to copy or merge arrays or objects.