33333

Что такое оператор spread?

Оператор spread (...) в JavaScript позволяет развернуть итерируемый объект (например, массив или строку) на отдельные элементы или свойства объекта. Он был введен в ES6 и стал незаменимым инструментом для работы с данными.

Применение с массивами

Spread часто используется для копирования массивов, объединения нескольких массивов или добавления элементов в начало/конец массива без мутации исходного.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const merged = [...arr1, ...arr2]; // [1,2,3,4,5,6]
const copy = [...arr1]; // [1,2,3]

Применение с объектами

Для объектов spread позволяет копировать свойства и объединять объекты. Важно помнить, что копирование поверхностное (shallow copy).

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3 };
const mergedObj = { ...obj1, ...obj2 }; // { a:1, b:2, c:3 }

Вывод

Оператор spread упрощает работу с неизменяемыми структурами данных, делая код чище и читаемее. Его стоит применять везде, где нужно создать копию или объединить данные без побочных эффектов.