Yayılma sözdizimi JavaScript ES6 operatörlerin setine yeni bir ektir. Yinelenebilir (örneğin bir dizi) alır ve onu ayrı elemanlara genişletir.

Yayılma sözdizimi genellikle JS nesnelerinin yüzeysel kopyalarını yapmak için kullanılır. Bu operatörün kullanılması kodu kısa ve öz yapar ve okunabilirliğini artırır.

Sözdizimi

Yayılma sözdizimi, üç nokta ile gösterilir ….

let array = [...value]

Dizi veri yapısı yaygın olarak kullanıldığından, sonraki tüm örneklerde dikkate alınacaktır.

1. Bir diziyi kopyalama

array2Unsurları vardır array1içine kopyalandı. Üzerinde yapılan array1hiçbir değişiklik yansıtılmaz array2ve bunun tersi de geçerlidir.

Basit atama operatörü kullanılmış array2olsaydı, o zaman bir referans array1atanırdı ve bir dizide yapılan değişiklikler, çoğu durumda istenmeyen bir durum olan diğer diziyi yansıtırdı.

let array1 = ['h', 'e', 'l', 'l', 'o'];
let array2 = [...array1];
console.log(array2);
['h', 'e', 'l', 'l', 'o'] // output

Yayılma sözdiziminin, ikinci dizinin herhangi bir öğesinden sonra bir dizi eklemek için kullanılabileceği görülebilir. Diğer bir deyişle, dessertssadece desserts1dizinin sonuna eklenebilecek bir sınırlama yoktur .

let desserts = ['cake', 'cookie', 'donut'];
let desserts1 = ['icecream', 'flan', 'frozen yoghurt', ...desserts];
console.log(desserts);
//Appending baked_desserts after flan
let desserts2 = ['icecream', 'flan', ...desserts, 'frozen yoghurt'];
console.log(desserts2);
// output
[ 'cake', 'cookie', 'donut' ]
[ 'icecream', 'flan', 'cake', 'cookie', 'donut', 'frozen yoghurt' ]

function multiply(number1, number2, number3) {
  console.log(number1 * number2 * number3);
}
let numbers = [1,2,3];
multiply(...numbers);

//Passing elements of the array as arguments to the Math Object
let numbers = [1,2,300,-1,0,-100];
console.log(Math.min(...numbers));

Umarım bu gönderiyi beğenmişsinizdir.