Yükleniyor...

JavaScript dizileri

Önceki sayfa gerçekleri sonra gönderilebilecek bir metin olarak tutuyordu. Burada liste betiğin içinde canlı kalır ve gözlerini yeniden yazabilirsin. Üç renk adı sırayla durur. Bir göze adla değil, numarayla işaret edersin.

Not değil, raf

Köşeli parantezler betik çalışırken listeyi kurar ve her değer numaralı bir göze oturur. Bu, parse bekleyen bir JSON metni değildir ve alanları adlı bir nesne de değildir. Bu biçimin anlamı gözlerin sırasındadır.

Ad ile numara

📊 Adlı nesne ile numaralı dizi

Soru Nesne Dizi
Nasıl gösterirsin name gibi bir anahtar 0 gibi bir indeks
İlk renk renk listesi değil colors[0]
Kaç tane anahtarları sen sayarsın length
Sıra mesele değil mesele budur
JSON sayfasından sonra veri hakkında bir not betikte canlı bir liste

Nesne hangi adı kastettiğini sorar, dizi hangi yeri kastettiğini sorar. İlk renk colors[0] değeridir ve anahtar gerekmez. Bir gözün içine nesne koymak sonraki derslerin alışkanlığıdır, bu sayfanın işi değil.

Köşeli parantez, süslü değil

Süslü parantez nesneyi açar, köşeli parantez diziyi açar. Üç renk adı, art arda üç göz demektir. Önceki dersteki kupa adlı bir alandı, liste değildi. Yalnızca liste istediğinde köşeli parantezi koru.

İlk gözü okumak

javascript 
let colors = ["red", "green", "blue"];
console.log(colors[0]);

İlk gözün indeksi 0

colors[0] değeri red basar. Sayım birden değil, sıfırdan başlar. Birden başlarsan kırmızıyı atlıyorsun. İkinci göz green, üçüncü göz blue.

Uzunluk ve son göz

javascript 
let colors = ["red", "green", "blue"];
console.log(colors.length);
console.log(colors[colors.length - 1]);

length gözleri sayar

colors.length 3’tür çünkü üç ad saklıdır ve son göz colors[colors.length - 1] değeri blue olur. Bir çıkarırsın çünkü ilk indeks sıfırdır, bir değil. length bir özelliktir ve çağrı parantezi istemez.

Var olan bir gözü değiştirmek

javascript 
let colors = ["red", "green", "blue"];
colors[1] = "gold";
console.log(colors[1]);
console.log(colors.length);

Değiştirmek adedi bozmaz

colors[1] = "gold" yazısı green üzerine yazar. Aynı gözün sonraki okuması gold basar. length 3’te kalır. Var olan göz değişti, yeni göz eklenmedi. Göz eklemek ve çıkarmak dizi yöntemleri dersinin işidir.

Sondan ötesini okumak

javascript 
let colors = ["red", "green", "blue"];
console.log(colors[9]);
console.log(colors.length);

Boş indeks yeni göz değildir

colors[9] bir şey saklamaz, bu yüzden okuma undefined verir ve length hâlâ 3’tür. Boş gözü okumak listeyi uzatmaz. Sondan öteye yazmak uzunluğu büyütür ve delik bırakır, bu sayfanın aracı değildir.

Karışık torbada da göz vardır

javascript 
let bag = ["red", 12, true];
console.log(bag[1]);
console.log(typeof bag[0]);

Tek tür değer daha kolay okunur

Bir gözde metin, sayı ya da boolean durabilir. bag[1] 12 basar ve typeof bag[0] değeri string olur. Renk listesi karışık torbadan daha açıktır. Dil karışımı yasaklamaz.

İlk rengi sayfada göster

0 indeksini oku ve o metni paragrafa yaz. Diğer iki renk listede kalsın.

Sayfa örneği — ilk renk

html 
<!DOCTYPE html>
<html>
<head>
<title>arrays — page</title>
</head>
<body>
<p id="line">…</p>
<script>
let colors = ["red", "green", "blue"];
let box = document.getElementById("line");
box.textContent = colors[0];
</script>
</body>
</html>

Paragraf red gösterir. Yalnızca parantez içindeki ilk metni değiştirip sayfayı yenile, satır onu izler. Diğer iki renk saklı kalır ve paragrafa yazılmaz.

Alıştırma adımları

  1. Üç rengi kur ve 0 indeksini oku, sonra uzunluğu oku ve uzunluktan bir çıkararak son renge ulaş.
  2. 1 indeksini gold yap ve o gözü ile uzunluğu oku.
  3. 9 indeksini oku ve uzunluğun hâlâ 3 olduğunu gör, karışık torbada sayıyı ve ilk gözün türünü de bak.
  4. HTML örneğinde yalnızca ilk rengi değiştir, yenile ve paragrafı oku.

Sık kaymalar

  • Birden sayıp ilk rengi atlamak ve length değerini işlevmiş gibi parantezle çağırmak
  • Diziyi JSON metni sanıp parse işlemine vermek
  • Boş indeks okumanın length değerini büyüteceğini sanmak ya da göz değiştirmenin yeni öğe eklemek olduğunu düşünmek
  • Bu sayfada dizi yöntemlerini aramak

Kısa özet

  • Dizi betiğin içindeki canlı listedir ve köşeli parantez onu kurar
  • 0 indeksi ilk öğedir
  • length gözleri sayar ve çağrı parantezi almaz
  • Var olan indekse yazmak o gözü değiştirir, sondan ötesini okumak ise uzunluk değişmeden undefined verir
  • İlk öğe sayfada bir satırı doldurabilir ve sonraki ders ekleme ile çıkarma için dizi yöntemleridir

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
8
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 38 / 38
Javascript Ders