Использование оператора Spread в объектах.

В продолжение предыдущей статьи, в которой мы говорили об использовании оператора Spread в массивах, сегодня мы поговорим об использовании в объектах.

В терминах MDN синтаксис Spread позволяет расширять итерируемое выражение как массив или строку в местах, где ожидается ноль или более аргументов (для вызовов функций) или элементов (для литералов массива), или выражение объекта для расширения. в местах, где ожидается ноль или более пар ключевых значений (для литералов объекта).

Мы будем говорить об объектах.

Первое использование оператора распространения — копирование в содержимое объекта без использования Object.assign().

let cores = { cor1: "Vermello", cor2: "Yellow", cor3: "Blue" };
let newCores = { ...cores }

Второе использование заключается в добавлении элементов из одного объекта в другой объект.

let coresToAdd = { cor1: "Vermello", cor2: "Yellow", cor3: "Blue" };
let cores = {cor4: "Ouro", cor5: "Branco”, ...coresToAdd}; 

Третье использование - объединение объектов

let coresMain = { cor1: "Vermello", cor2: "Yellow", cor3: "Blue" };
let coresSecondary = {cor4: “Ouro”, cor5:“Branco”, cor6:“Negro”};
coresMain = {...coresMain, ...coresSecondary};

Четвертое использование — передача элементов объекта в качестве аргументов функции.

function printCores({ mainCor, secondCor }) {
console.log(`Cor : ${mainCor} ${secondCor}`);
}
let corObj = { mainCor: "Vermello", secondCor: "Amarelo" };
printCores(corObj); // Vermello Amarelo

Большое спасибо и продолжайте кодировать!!!

Йоэль

Я часто делюсь советами по программированию в моем Instagram, вы можете поздороваться со мной в моем Twitterили посмотреть, как я программирую в моем Гитхаб.