Spread Operatörü Nedir?,Spread Syntax Nasıl Kullanılır?
Spread operatörü Es6 ile hayatımıza giren bir operatör Spread operatör ile dizilerimizi kolay bir şekilde genişletebiliyor,dizileri fonksiyonlara parametre olarak gönderebiliyor ve sınırsız parametreli fonksiyonlar yazabiliyoruz şimdi örneklerle devam edelim. Spread operatörü dediğimiz … (üçnokta) sonuçta 🙂
Spread operatörüyle dizi genişletme
|
1 2 3 4 5 6 |
const haftaici = ["Pazartesi","Salı","Çarşama","Perşembe","Cuma"]; //şimdi bu hafta ici dizisini kullanarak bütün haftanın günlerini yazdrıalım const tumGunler = [...haftaici,"Cumartesi","Pazar"]; console.log(tumGunler); //çıktı ["Pazartesi", "Salı", "Çarşama", "Perşembe", "Cuma", "Cumartesi", "Pazar"]; |
Yukarıdaki örnekte hafta içi dizisine Spread operatörüyle hafta sonlarının günlerini ekleyerek tumGunler adında yeni bir dizi oluşturduk .
Spread Operatörü ile Fonksiyonlara Parametre göndermek
|
1 2 3 4 5 6 7 |
const toplama = (a,b) => a+b; let sayilar = [5,10,15,20]; console.log(toplama(...sayilar)); //çıktı:15 |
Örnekte görüldüğü üzere yazdığımız toplama fonksiyonuna bir değer olarak Spread Operatörü ile sayılar dizimizi gönderdik ve dizimizin ilk iki değerini alarak fonksiyona ekledi ve sonucu 15 olarak verdi.
Fonksiyona Sınırsız Parametre göndermek
|
1 2 3 4 5 6 7 8 |
let gunler = ["Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi","Pazar"]; const gunleriGoster = (...a) => console.log(...a); gunleriGoster(gunler); //çıktı:["Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi", "Pazar"]; |
Üstteki örnekte fonksiyona Spread operatörü ile sınırsız parametre gönderdik.
Spread operatörü kullanmayı alışkanlık haline getririn derim 🙂
Etiketler: es+ ~ javascript es6 ~ rize programlama ~ rize web programlama ~ rize web yazılım ~ rize yazılım ~ spread ~ spread Syntax