Dizilerde Spread Sözdizimi
Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası — ders 48 / 65.
Yayılma sözdizimi (...), bir dizi gibi yinelenebilir bir yapının, sıfır veya daha fazla argüman veya öğenin beklendiği yerlerde genişletilmesine olanak tanır. Dizileri birleştirme veya dizileri kopyalama gibi işlemleri gerçekleştirmek için kısa ve öz bir yol sağlar.
İşte bazı yaygın kullanım durumları:
1. Dizileri birleştirme:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]2. Bir dizinin sığ kopyasını (shallow copy) oluşturma:
const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]3. Bir diziye eleman ekleme:
const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]4. Dizi öğelerini fonksiyon argümanları olarak geçirme:
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6Görev
KolayArgüman olarak iki sayı dizisi alan mergeArr adında bir fonksiyon oluşturun. Fonksiyon şunları yapmalıdır:
- Spread operatörünü kullanarak iki diziyi birleştirin
- Tüm yinelenen sayıları kaldırın
- Sonuç dizisini döndürün
Kopya kağıdı
Yayılma sözdizimi (...), bir yinelenebilirin (iterable) sıfır veya daha fazla bağımsız değişkenin veya öğenin beklendiği yerlerde genişletilmesine olanak tanır.
Dizileri birleştirme:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2];
console.log(combined); // [1, 2, 3, 4, 5, 6]Sığ bir kopya (shallow copy) oluşturma:
const original = [1, 2, 3];
const copy = [...original];
console.log(copy); // [1, 2, 3]Bir diziye öğe ekleme:
const numbers = [1, 2, 3];
const moreNumbers = [0, ...numbers, 4];
console.log(moreNumbers); // [0, 1, 2, 3, 4]Dizi öğelerini fonksiyon bağımsız değişkeni olarak geçirme:
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 6Kendin dene
function mergeArr(arr1, arr2) {
// Kodunuzu buraya yazın
}
Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Mantık ve Akış bölümündeki tüm dersler
1Derinlemesine Stringler
String TemelleriString Üzerinde YinelemeTemplate LiteralsString MetotlarıÖzet - String Weaver4JSON Bölüm 2
JSON Üzerinde Yinelemeİç İçe Geçmiş JSONJSON Optional ChainingSığ ve Derin KopyalamaÖzet - Bisiklet MağazasıÖzet - Güneş Sistemi7Kütüphane Yönetim Sistemi
Projeye Genel BakışKitap Ekleme10Festival Sistemi Yönetimi
Projeye Genel BakışFilm ve Mekan Ekle2Çok Boyutlu Diziler
2D Dizi Temelleri2D Dizi Elemanlarına Erişme2D Dizilerle İç İçe DöngülerÖzet - 2D DizilerMatris Toplama ve ÇıkarmaDüzensiz Diziler3D Diziler ve ÖtesiYaygın 2D Dizi DesenleriÖzet - Diziler Hakkında Her Şey5Kümeler Bölüm 1
Küme Nedir?Kümeler Üzerinde YinelemeEleman EklemeEleman SilmeEleman Varlığını Kontrol EtmeBoyut ve Boş Olma DurumuKopyalama ve TemizlemeÖzet - Kümelerin Temelleri8Diziler: İlginç Konular
Dizi Yapı SökümüDizilerde Spread SözdizimiSeyrek DizilerÖzet - Diziler Workshop3JSON Bölüm 1
JSON Nedir?Anahtarın Varlığını Kontrol EtmeNesne MetotlarıSpread Operatörü Bölüm 1Spread Operatörü Bölüm 2Anahtarları KaldırmaÖzet - JSON Anahtarlarını Yönetme