Contoh Spreading Operator di Javascript - Edukeun

Edukeun - Operator penyebaran ditulis dengan tiga titik yang berurutan (...). Sesuai dengan namanya, inti dari operator "Spread" adalah menguraikan array menjadi beberapa elemen berbeda

Fitur baru ES6 ini digunakan untuk memperluas nilai array atau objek iterable yang lebih presisi menjadi beberapa elemen. Mari kita lihat contoh kode berikut:

const favorites = ["Seafood", "Salad", "Nugget", "Soup"];

 

console.log(favorites);

 

/* output:

[ 'Seafood', 'Salad', 'Nugget', 'Soup' ]

*/

Di dalam kode, hasil yang dicetak adalah larik (diwakili oleh []), karena kami sendiri yang mencetak nilai favorit. Sekarang, dengan menggunakan operator pencar, kita dapat meregangkan nilai dalam larik.

const favorites = ["Seafood", "Salad", "Nugget", "Soup"];

 

console.log(...favorites);

 

/* output:

Seafood Salad Nugget Soup

*/

Apakah Anda melihat perbedaannya? Mengapa demikian? Fungsi dari operator scatter ini mirip dengan menggabungkan nilai-nilai array menjadi beberapa elemen berdasarkan panjang nilai array tersebut.Oleh karena itu, jika kita menulis kode berikut:

console.log(...favorites);

Saat kami menulis kode seperti ini:

console.log(favorites[0], favorites[1], favorites[2], favorites[3]);

Operator diseminasi ini sangat cocok untuk fungsi yang digunakan sebagai parameter variabel, seperti mengeksekusi nilai parameter console.log () atau Math.max ().

/* Math.max() -> Mencari nilai terbesar */

const numbers = [12, 32, 90, 12, 32];

 

// Sama seperti kita menuliskan

// console.log(Math.max(numbers[0], numbers[1], numbers[2], numbers[3])

 

console.log(Math.max(...numbers));

/* output

90

*/

Operator pencar dapat digunakan untuk menggabungkan dua larik dalam objek larik baru. Jika operator penyebaran ini tidak digunakan, hasilnya adalah sebagai berikut:

const favorites = ["Seafood", "Salad", "Nugget", "Soup"];

const others = ["Cake", "Pie", "Donut"];

 

const allFavorites = [favorites, others]

 

console.log(allFavorites);

 

/* output:

[[ 'Seafood', 'Salad', 'Nugget', 'Soup' ], [ 'Cake', 'Pie', 'Donut' ]]

*/

Sayangnya, nilai array tidak terhubung bersama. Alih-alih menggabungkan nilai, variabel allFavorite menjadi objek array baru, yang berisi dua array. Lantas, bagaimana jika kita mencoba menggunakan operator spread?

const favorites = ["Seafood", "Salad", "Nugget", "Soup"];

const others = ["Cake", "Pie", "Donut"];

 

const allFavorites = [...favorites, ...others]

 

console.log(allFavorites);

 

/* output:

[ 'Seafood', 'Salad', 'Nugget', 'Soup', 'Cake', 'Pie', 'Donut' ]

*/

Nah, Anda berhasil menggabungkan nilai dari dua array dengan menggunakan operator pencar.

Related Posts