ES6 Spread operatori

React ES6 Spread Operatorlari

Spread Operatorlari

JavaScriptdagi spread operatori (...) mavjud massiv yoki obyektni tezda nusxalashga imkon beradi, ya'ni mavjud massiv yoki obyektning barcha yoki bir qismini boshqa massiv yoki obyektga nusxalash mumkin.

Misol Massivlarni birlashtirish:

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

Spread operatori ko‘pincha destruktivlashtirish bilan birgalikda ishlatiladi.

Misol numbers massivining birinchi va ikkinchi elementlarini o‘zgaruvchilarga tayinlash va qolganlarini massivga joylashtirish:

const numbers = [1, 2, 3, 4, 5, 6];
 
const [one, two, ...rest] = numbers;

Spread operatorini obyektlar bilan ham ishlatish mumkin:

Misol Ikkita obyektni birlashtirish:

const myVehicle = {
  brand: 'Ford',
  model: 'Mustang',
  color: 'red',
};
 
const updateMyVehicle = {
  type: 'car',
  year: 2021,
  color: 'yellow',
};
 
const myUpdatedVehicle = { ...myVehicle, ...updateMyVehicle };

Mos keladigan xususiyatlar birlashtiriladi, ammo mos keladigan xususiyat, color, oxirgi obyekt (updateMyVehicle) tomonidan ustun qo‘yiladi. Natijada rang yellow bo‘ladi.