Dizi destructuring

Bir dizinin elemanlarını sırayla değişkenlere çıkarmayı öğrenirsin.

Dizi destructuring

Dizilerde de destructuring çalışır; ama köşeli parantez kullanırsın çünkü sıra önemlidir. const [first, second] = colors yazdığında colors[0] first'e, colors[1] second'ye geçer.

Dizi indeksi, değişken adından bağımsızdır. Yani first yerine red de yazabilirsin; değer yine colors[0] olur. Sıra yalnızca pozisyona bağlıdır.

Eleman atlama

Dizide bir elemanı atlamak için o pozisyona hiçbir değişken yazmadan virgülü boş bırak. const [first, , third] = colors ile ilk ve üçüncü renkleri alır, ikinciyi atlatırsın.

Boş virgül bir pozisyon harcar; yani iki virgül arasındaki eleman yok sayılır. Bu, yalnızca birkaç elemanı çıkarmak istediğinde diziyi baştan sona gezmekten kurtarır.

Uygulama İlk ve üçüncü rengi al

colors adında bir dizi oluştur; en az üç renk olsun. Destructuring ile first ve third değişkenlerine ilk ve üçüncü renkleri çıkar (ikinciyi atla). Sonra her ikisini console.log ile ayrı ayrı yazdır.

Örnek çözümü göster

const colors = ["kırmızı", "mavi", "yeşil"];
const [first, , third] = colors;
console.log(first);
console.log(third);

Kendini test et

`const [a, b] = [10, 20]` sonucunda `b` nedir?
- 20
- 10
- [10, 20]
- undefined
Cevabı göster

20 — Doğru. `b` dizinin ikinci elemanını alır, yani 20.

İkinci rengi atla

const colors = ["kırmızı", "mavi", "yeşil"];
const [first, , third] = ____;
console.log(first, third);

Cevabı göster

const colors = ["kırmızı", "mavi", "yeşil"];
const [first, , third] = colors;
console.log(first, third);

Dizideki ikinci elemanı atlamak için ne yaparsın?
- İkinci değişkene `skip` yazarsın
- Dizi yerine nesne kullanırsın
- İkinci pozisyona değişken yazmadan virgül bırakırsın
- İkinci değişkeni `null` yaparsın
Cevabı göster

İkinci pozisyona değişken yazmadan virgül bırakırsın — Doğru. `[first, , third]` içindeki boş virgül ikinci elemanı atlatır.
Kavramları eşleştir

dizi destructuring

Köşeli parantezle sırayla çıkarma
boş virgül

Pozisyon harcar, elemanı atlatır
pozisyon

İndeks sırasına bağlıdır

Sıradaki ders: Varsayılan değerler

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler