SPREAD OPERATOR ES6

Spread operator adalah fitur JavaScript yang diimplementasikan dalam ES6 (ECMAScript 2015). Operator ini memungkinkan ekspresi untuk diperluas tempat beberapa argumen (untuk fungsi panggilan) atau beberapa elemen (untuk array literatur) diharapkan.

Syntax Spread Operator

Spread operator dalam JavaScript ditunjukkan dengan tiga titik berturut-turut (...). Berikut adalah contoh penggunaannya:

let arr = [1, 2, 3];
let arr2 = [...arr]; // sama seperti arr2 = [1, 2, 3]

Menggunakan Spread Operator

Menyalin Array

Salah satu penggunaan umum dari spread operator adalah untuk menyalin array, seperti yang ditunjukkan dalam contoh sebelumnya. Di sini, array arr2 menjadi salinan dari array arr.

Menggabungkan Array

Kamu juga dapat menggunakan spread operator untuk menggabungkan dua array atau lebih. Lihat contoh berikut:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let combined = [...arr1, ...arr2]; // sama dengan combined = [1, 2, 3, 4, 5, 6]

Menggunakan Spread Operator dengan Fungsi

Spread operator dapat digunakan saat memanggil fungsi yang menerima beberapa argumen. Misalnya:

let numbers = [1, 2, 3, 4, 5];
let max = Math.max(...numbers); // sama dengan Math.max(1, 2, 3, 4, 5)

Di sini, Math.max() memerlukan daftar angka sebagai argumen. Dengan menggunakan spread operator, kita bisa mengekspansi array numbers menjadi daftar argumen.

Kesimpulan

Spread operator adalah alat yang ampuh dalam JavaScript, yang memungkinkan kita untuk menulis kode yang lebih pendek dan lebih bersih. Meskipun penggunaanya sederhana, penggunaannya dapat sangat beragam dan berguna dalam berbagai situasi.