Menyebar

Tersebar di Penggabungan beberapa Array

Spread Operator dalam javascript memungkinkan Array diperluas sebagai elemennya, Yang berguna saat menggabungkan beberapa array. Misalnya,

const a = ["a","b","c"]
const b = ["d","e","f"]
const c = ["g","h","i"]

const d = a.concat(b).concat(c)

const d = [...a,...b,...c]

//When logging d into console we get the same output i.e 
// ["a","b","c","d',"e","f","g","h","i"]

const d = [...a,"whatever",...b,"whatever2",...c]

ketika kita harus memberikan banyak argumen dalam panggilan fungsi, spread sangat membantu membuat kode kita jauh lebih mudah dibaca dan bersih,

function add(a,b,c){
  console.log(`The sum is: ${a+b+c}`)
}
const numbers = [1,2,3]
add(...numbers)

//Output
// The sum is: 6

kita juga dapat membuat salinan array sesuai kebutuhan kita dengan bantuan spread dalam javascript.

const a = ["a","b","c"]
const b = [...a]

b.push("d")
console.log(a)
console.log(b)

//Output:
// [ 'a', 'b', 'c' ]
//[ 'a', 'b', 'c', 'd' ]

Istirahat mirip dengan Spread dalam hal sintaksisnya, tetapi sangat berlawanan dalam hal fungsinya.

function sayHello(name,...topics){
    topics.map((topic) => 
    console.log(`Sometimes ${topic} is more art than ${topic}, ${name}!`)
    )
}
sayHello("Morty","Science","Programming")

//Output:
//Sometimes Science is more art than Science, Morty!
//Sometimes Programming is more art than Programming, Morty!

Kesimpulan

Untuk menyelesaikan semua ini, operator Spread digunakan untuk mendestruktur array menjadi elemen individualnya, sedangkan operator lainnya digunakan untuk membuat array dari elemen yang diberikan.