Cara menggunakan operator pengembangan (...)

Belajar cara menggunakan operator tiga titik (...) disebut juga dengan operator pengembangan.

Operator pengembangan (spread operator)

Operator pengembangan (spread operator) di JavaScript (...) dapat memperluas objek yang dapat diiterasi (seperti array) ke lebih banyak elemen.

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

contoh

Gunakan operator pengembangan di JavaScript untuk gabungkan dua array

const nomborSatu = [1, 2, 3];
const nomborDua = [4, 5, 6];
const nomborDibuat = [...nomborSatu, ...nomborDua];

Coba sendiri

Operator pengembangan sering digunakan untuk mengekstrak bagian yang dibutuhkan dari array:

contoh

Pindahkan item pertama dan kedua dari array nombor ke beberapa variabel, dan bagian yang tersisa ke array lain:

const nombor = [1, 2, 3, 4, 5, 6];
const [satu, dua, ...tinggi] = nombor;

Coba sendiri

Kami juga boleh menggunakan operator pengembangan di dalam objek:

contoh

const myVehicle = {
  merk: 'Ford',
  model: 'Mustang',
  warna: 'merah'
}
const updateMyVehicle = {
  jenis: 'kereta',
  tahun: 2021,
  warna: 'kuning'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

Coba sendiri

Sila perhatikan, properti yang tidak cocok disatukan, tetapi properti yang cocok warna digunakan oleh objek yang terakhir disertakan updateMyVehicle 已覆盖。最终的颜色现在是黄色。

相关页面

教程：JavaScript ES6