Cara menggunakan operator penyebaran (...)

Belajar cara menggunakan operator tiga titik (...) juga disebut operator penyebaran.

Operator penyebaran (spread operator)

Operator penyebaran di JavaScript (...) dapat memperluas objek yang dapat diulang (seperti array) ke banyak elemen.

Ini memungkinkan kita untuk menyalin seluruh atau bagian dari array yang ada ke array lain dengan cepat:

contoh

Menggunakan operator penyebaran di JavaScript untuk menggabungkan dua array

const angkaSatu = [1, 2, 3];
const angkaDua = [4, 5, 6];
const angkaDibandingkan = [...angkaSatu, ...angkaDua];

Coba sendiri

Operator penyebaran sering digunakan untuk mengekstrak bagian yang diinginkan dari array:

contoh

Menyalin item pertama dan kedua dari array angka ke variabel, dan bagian sisanya ke array lain:

const angka = [1, 2, 3, 4, 5, 6];
const [satu, dua, ...sisa] = angka;

Coba sendiri

Kami juga dapat menggunakan operator penyebaran di atas objek:

contoh

const myVehicle = {
  merek: 'Ford',
  model: 'Mustang',
  warna: 'merah'
}
const updateMyVehicle = {
  tipe: 'mobil',
  tahun: 2021,
  warna: 'kuning'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

Coba sendiri

Perhatikan, properti yang tidak cocok disatukan, tetapi properti yang cocok warna diperoleh objek yang terakhir masuk updateMyVehicle Telah ditutup. Warna akhir adalah kuning.

Halaman yang berhubungan

Panduan:JavaScript ES6