JavaScript · Diziler: birden çok bilgiyi saklamak — videolu atölye

Diziler: birden çok bilgiyi saklamak

Birden çok değeri sıralı koleksiyonda tutup ekleme, okuma ve sayma yapmak.

Kavramı kur

Birden fazla ismi isim1, isim2, isim3 gibi ayrı değişkenlerde tutmak yerine sıralı bir koleksiyonda gruplarız. Sıra, bir öğenin konumunu belirtir; değerinin kendisi değildir. İlk öğe çoğu temel yapıda 0 konumundan okunur. İkinci ve üçüncü öğeyi elle işaretleyerek bu sıfırdan başlayan indisi görünür hâle getir.

Neden böyle çalışıyor?

Koleksiyonun uzunluğu ile son geçerli indis farklıdır. Üç öğe varsa uzunluk 3, son indis 2 olur. Bir öğeyi ekledikten veya sildikten sonra bu değerler değişebilir. Sabit bir son indis varsaymak yerine uzunluğu ve dolaşma yöntemini kullanmayı öğren.

Çalışma sırası

Veri yapısına hangi işi yaptığını açıkça ayır: sona eklemek, var olan öğeyi değiştirmek ve yeni bir koleksiyon üretmek aynı işlem değildir. Çıktıyı kontrol ederken hem içerik hem sıra hem de öğe sayısını incele. Küçük örnekte bunları doğru kurmak daha sonra dosya ve API verilerini işlemenin temelidir.

İkinci örnek · 1

Başlangıç koleksiyonu iki isim içerir. Kodun tamamı yazılı derste bulunur.

const isimler = ["Elif", "Mert"];
isimler.push("Deniz");
console.log(isimler[0]);
console.log(isimler[2]);
console.log(isimler.length);

Beklenen sonucu oku

Öğe sayısı 3 olur; son geçerli indis 2 olarak kalır.

Beklenen: Elif Deniz 3

Bir değeri sen değiştir

Başlangıçtaki isimleri değiştir; sıra ve indisleri kâğıda yaz. Bir isim daha ekle; sayının 4 olduğunu doğrula.

Hata nereden gelir?

Uzunluğu son indis gibi kullanmak sınır dışına erişir; üç öğede son konum 2’dir.

Kendi çözümünü kur

Koleksiyonu döngüyle dolaşıp bütün isimleri yazdır; elle indis tekrarlamak yerine uygun dolaşma yapısını seç. Koleksiyonun her değişiminden sonra içerik listesini ve uzunluğu ayrı ayrı not et.

Çözüm varyasyonu · 1

Önce kendi denemeni yap; sonra bu varyasyonun girdileri ile sonucunu karşılaştır.

const isimler = ["Elif", "Mert"];
isimler.push("Ece");
console.log(isimler[0]);
console.log(isimler[2]);
console.log(isimler.length);

Kendini kontrol et

Üç öğeli sıfır tabanlı bir koleksiyonda son geçerli indis nedir? Yanıt: 2; uzunluk 3 olması 3 indisinin var olduğu anlamına gelmez.

Beklenen: Elif Ece 3