Для чего используется оператор spread в JavaScript?

Оператор spread (троеточие ...) используется для следующих целей:

1. Развертывание элементов итерируемых объектов (массивов, строк) в аргументы функций:

   const numbers = [1, 2, 3];
   
   function sum(a, b, c) {
     return a + b + c;
   }
   
   const result = sum(...numbers); // 1 + 2 + 3 = 6
   

2. Развертывание элементов итерируемых объектов (массивов, строк) в новый массив:

   const array1 = [1, 2];
   const array2 = [3, 4];
   
   const combinedArray = [...array1, ...array2]; // [1, 2, 3, 4]
   

3. Копирование массива по значению:

   const originalArray = [1, 2, 3];
   const copiedArray = [...originalArray]; // Создается новый массив с теми же элементами
   

4. Копирование и слияние свойств объектов:

   const obj1 = { a: 1, b: 2 };
   const obj2 = { b: 3, c: 4 };
   
   const mergedObject = { ...obj1, ...obj2 }; // { a: 1, b: 3, c: 4 } - свойства из obj2 перезаписывают свойства из obj1 с теми же ключами
   

5. Копирование объекта по значению (поверхностное):

   const originalObject = { a: 1, b: { c: 2 } };
   const copiedObject = { ...originalObject }; // Копируется сам объект, но вложенные объекты копируются по ссылке
   

6. Развертывание строк в массивы символов:

   const str = "hello";
   
   const charArray = [...str]; // ["h", "e", "l", "l", "o"]