What is the difference between destructuring and spread in JavaScript?

What is the difference between destructuring and spread in JavaScript?

Destructuring allows you to unpack values from arrays or properties from objects into distinct variables. Spread syntax, on the other hand, is used to expand elements of an iterable (like an array) into individual elements.

Can you give me an example of destructuring?

Sure! For an array: const arr = [1, 2, 3]; const [a, b] = arr; Here, a will be 1 and b will be 2.

And what about spread syntax?

Spread syntax can be used like this: const arr1 = [1, 2]; const arr2 = [...arr1, 3, 4]; This will create arr2 as [1, 2, 3, 4].

Are there any scenarios where one is preferred over the other?

Yes, use destructuring when you want to extract values into variables, and use spread when you want to combine or clone arrays or objects.