React ES6 Spread Operatör
Yayılma Operatörü
JavaScript yayılma operatörü ( ...
), mevcut bir dizinin veya nesnenin tamamını veya bir kısmını başka bir dizi veya nesneye hızlı bir şekilde kopyalamamızı sağlar.
Örnek
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
Yayma operatörü genellikle tahribatla birlikte kullanılır.
Örnek
Birinci ve ikinci öğeleri numbers
değişkenlere atayın ve gerisini bir diziye koyun:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
Spread operatörünü nesnelerle de kullanabiliriz:
Örnek
Bu iki nesneyi birleştirin:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Eşleşmeyen özelliklerin birleştirildiğine, ancak eşleşen özelliğin color
üzerine, iletilen son nesne tarafından yazıldığına dikkat edin, updateMyVehicle
. Ortaya çıkan renk artık sarıdır.