CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Dizi erişimi

Dizin ile dizi elemanlarına erişmeyi öğrenirsin.

Dizi erişimi

Bir dizinin elemanına erişmek için dizin (index) kullanılır: arr[0], arr[1] gibi. Dizin köşeli parantez içinde yazılır. Dizin sayımı sıfırdan başlar: ilk eleman arr[0], ikinci arr[1].

Örneğin const fruits = ["elma", "armut", "muz"]; fruits[0] "elma" verir, fruits[2] "muz" verir. Dizi uzunluğunu aşan bir dizin undefined döndürür; hata fırlatılmaz. Örneğin fruits[5] undefined'dır. Bu yüzden dizi sınırlarını arr.length ile kontrol etmek iyi bir alışkanlıktır.

Sıfır tabanlı dizin

JavaScript'te dizinler sıfırdan başlar. Bu, son elemanın dizininin arr.length - 1 olduğu anlamına gelir. Üç elemanlı bir dizide son eleman arr[2]'dir, çünkü uzunluk 3 ve 3 - 1 = 2.

Sıfır tabanlı dizinleme başlangıçta alışmayı gerektirir ama programlamada standarttır. Negatif dizin doğrudan desteklenmez; arr[-1] undefined döner. Son elemana erişmek için arr[arr.length - 1] yazılır. Daha kısa yol olarak arr.at(-1) de kullanılabilir; bu yöntem negatif dizini destekler.

Uygulama İkinci elemanı yazdır

fruits değişkenine ["elma", "armut", "muz"] değeri verilmiş. second adında bir değişken tanımla ve fruits[1] sonucunu ata. Sonra second'u console.log ile yazdır. Çıktı tek satırda armut olmalı.

Başlangıç kodu

index.js
const fruits = ["elma", "armut", "muz"];
// second değişkenini ikinci eleman ile tanımla ve yazdır

Örnek çözüm

index.js
const fruits = ["elma", "armut", "muz"];
const second = fruits[1];
console.log(second);

Beklenen çıktı

armut

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 İlk elemana eriş

Soru 
const fruits = ["elma", "armut", "muz"];
const first = fruits____;
Cevap 
const fruits = ["elma", "armut", "muz"];
const first = fruits[0];

Açıklama: fruits[0] ilk elemanı verir.

2 const a = [10, 20, 30]; a[2] kaçtır?

index.js
const a = [10, 20, 30];
a[2]
  • 20
  • 30 Doğru cevap
  • 10
  • 3

Açıklama: a[2] üçüncü eleman olan 30'u verir.

3 Dizini konumuna eşle

Kavram Anlamı
[0] İlk eleman
[1] İkinci eleman
[length - 1] Son eleman
[length] undefined

Başlangıç bölümündeki tüm dersler

1 Node.js temelleri

  1. Node.js nedir?
  2. İlk program
  3. ES modules
  4. package.json
  5. CommonJS vs ESM
  6. Özet - Node.js temelleri

2 Değişkenler

  1. let ve const
  2. var ve scope
  3. Tür çıkarımı
  4. Destructuring
  5. Spread ve rest
  6. Özet - Değişkenler

3 Veri türleri

  1. Primitif türler
  2. Template literals
  3. Number ve Math
  4. Symbol
  5. typeof
  6. Özet - Veri türleri

4 Proje: Hesap makinesi

  1. Proje tasarımı
  2. Toplama ve çıkarma
  3. Çarpma ve bölme
  4. process.argv
  5. Birleştirme

5 Operatörler

  1. Aritmetik operatörler
  2. Atama operatörleri
  3. Karşılaştırma operatörleri
  4. Mantıksal operatörler
  5. Nullish coalescing
  6. Özet - Operatörler

6 Dizeler

  1. String metotları
  2. String arama
  3. substring ve slice
  4. replace ve split
  5. padStart ve trim
  6. Özet - Dizeler

7 Koşullar

  1. if deyimi
  2. else ve else if
  3. switch
  4. Ternary
  5. Optional chaining
  6. Özet - Koşullar

8 Döngüler

  1. for döngüsü
  2. while döngüsü
  3. for...of
  4. for...in
  5. break ve continue
  6. Özet - Döngüler

9 Proje: Alışveriş sepeti

  1. Sepet tasarımı
  2. Ürün ekleme
  3. Toplam hesaplama
  4. Sepeti listeleme
  5. Birleştirme

10 Diziler

  1. Dizi tanımlama
  2. Dizi erişimi
  3. push ve pop
  4. shift ve unshift
  5. splice ve slice
  6. Özet - Diziler

11 Dizi metotları

  1. map
  2. filter
  3. reduce
  4. find ve some
  5. forEach
  6. Özet - Dizi metotları

12 Nesneler

  1. Nesne literal
  2. Özellik erişimi
  3. Computed property
  4. Object methods
  5. Object spread
  6. Özet - Nesneler

13 Fonksiyonlar

  1. Fonksiyon tanımlama
  2. Return değerleri
  3. Arrow functions
  4. Default parametreler
  5. Rest parametreleri
  6. Özet - Fonksiyonlar

14 Callback'ler

  1. Callback nedir?
  2. Higher-order functions
  3. forEach ile callback
  4. Error-first callback
  5. Callback hell
  6. Özet - Callback'ler

15 Proje: Yapılacaklar listesi

  1. Görev modeli
  2. Görev ekleme
  3. Görev listeleme
  4. Görev tamamlama
  5. Birleştirme

16 Promise'lar

  1. Promise nedir?
  2. then ve catch
  3. Promise.all
  4. Promise.race
  5. finally
  6. Özet - Promise'lar

17 async/await

  1. async function
  2. await
  3. try/catch
  4. Promise.all ile await
  5. Sequential await
  6. Özet - async/await

18 fs modülü

  1. fs.promises
  2. readFile
  3. writeFile
  4. appendFile
  5. existsSync
  6. Özet - fs modülü

19 path modülü

  1. path.join
  2. path.resolve
  3. path.parse
  4. path.dirname ve basename
  5. path.extname
  6. Özet - path modülü

20 Başlangıç finali

  1. Proje tasarımı
  2. Veri modeli
  3. İş mantığı
  4. fs ile kalıcılık
  5. Birleştirme