Bereaksi ES6 Spread Operator
Operator Penyebaran
Operator penyebaran JavaScript ( ...
) memungkinkan kita untuk dengan cepat menyalin semua atau sebagian dari larik atau objek yang ada ke larik atau objek lain.
Contoh
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
Operator spread sering digunakan dalam kombinasi dengan destructuring.
Contoh
Tetapkan item pertama dan kedua dari numbers
ke variabel dan letakkan sisanya dalam array:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
Kita juga dapat menggunakan operator spread dengan objek:
Contoh
Gabungkan dua objek ini:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Perhatikan properti yang tidak cocok digabungkan, tetapi properti yang cocok, color
, ditimpa oleh objek terakhir yang diteruskan, updateMyVehicle
. Warna yang dihasilkan sekarang kuning.