#
Spread
В JavaScript оператор spread (оператор расширения) обозначается тремя точками (...) и используется для разворачивания (распространения) элементов массива, объекта или строки в местах, где ожидаются отдельные значения. Он был добавлен в ES6 (ECMAScript 2015) и стал мощным инструментом для работы с данными.
#
Пример использования spread:
Копирование массива или объекта:
// Копирование массива
const arr = [1, 2, 3];
const arrCopy = [...arr];
console.log(arrCopy); // [1, 2, 3]
console.log(arr === arrCopy); // false (новый массив)
// Копирование объекта
const obj = { name: "Alice", age: 25 };
const objCopy = { ...obj };
console.log(objCopy); // { name: 'Alice', age: 25 }
console.log(obj === objCopy); // false (новый объект)Объединение массивов или объектов:
// Объединение массивов
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combinedArr = [...arr1, ...arr2];
console.log(combinedArr); // [1, 2, 3, 4, 5, 6]
// Объединение объектов
const obj1 = { name: "Alice", age: 25 };
const obj2 = { age: 30, profession: "Developer" };
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { name: 'Alice', age: 30, profession: 'Developer' }Примерры работы с функцией:
const numbers = [1, 2, 3];
function sum(a, b, c) {
return a + b + c;
}
console.log(sum(...numbers)); // 6
#
Заключение
Оператор spread — это мощный и удобный инструмент для работы с массивами, объектами и другими итерируемыми структурами данных в JavaScript. Он позволяет легко копировать, объединять, добавлять и передавать данные, значительно упрощая код и делая его более лаконичным.