How does the spread operator work in JavaScript?

Can you explain how the spread operator works in JavaScript?

Sure! The spread operator, represented by three dots (...), allows you to expand elements of an iterable (like an array) into individual elements. It can be used in function calls, array literals, and object literals.

Can you give me an example of using the spread operator with arrays?

Absolutely! For instance, if you have two arrays, let arr1 = [1, 2] and let arr2 = [3, 4], you can combine them using the spread operator like this: let combined = [...arr1, ...arr2]; This results in combined being [1, 2, 3, 4].

What about using the spread operator with objects?

Great question! You can also use the spread operator to merge objects. For example, if you have let obj1 = { a: 1 } and let obj2 = { b: 2 }, you can merge them like this: let merged = { ...obj1, ...obj2 }; This will create merged as { a: 1, b: 2 }.

Are there any limitations to the spread operator?

Yes, one limitation is that the spread operator only performs a shallow copy. This means that if you have nested objects, the nested objects are still referenced, not copied.