JavaScript Dersleri

JavaScript’te Diziler (Arrays) ile Çalışmak

eminbasbayan

eminbasbayan

4 dk okuma
JavaScript’te Diziler (Arrays) ile Çalışmak
🔍 Büyütmek için tıklayın

Programlamaya yeni başlayan biri için, verileri düzenli ve etkili bir şekilde saklamak oldukça önemlidir. JavaScript’te bunun en temel yollarından biri, diziler (arrays) kullanmaktır. Bu yazıda dizilerin ne olduğunu, nasıl oluşturulup kullanıldığını, dizilerdeki verilere nasıl erişilip değiştirildiğini adım adım öğreneceğiz.

1. Dizi Nedir ve Neden Kullanılır?

Dizi, birden fazla değeri tek bir değişken altında saklamamıza olanak tanıyan bir veri yapısıdır. Mesela, bir sınıftaki öğrencilerin adlarını saklamak istiyorsak, her bir isim için ayrı bir değişken oluşturmak yerine, tüm isimleri tek bir dizide toplayabiliriz:

let ogrenciler = ["Deniz", "Emir", "Hazal", "Yusuf"];

Bu sayede veriler hem daha düzenli olur hem de aynı yapıya sahip birçok veriyi kolayca yönetebiliriz.

2. Dizi Elemanlarının Sırası ve İndeksler

Her dizi elemanının bir sırası vardır ve bu sıra indeks olarak adlandırılır. JavaScript’te indeksler sıfırdan başlar. Yani ilk elemanın indeksi 0’dır, ikinci 1’dir ve böyle devam eder:

let kitaplar = ["Simyacı", "1984", "Kürk Mantolu Madonna"]; // "Simyacı" → indeks 0 // "1984" → indeks 1 // "Kürk Mantolu Madonna" → indeks 2

Bu bilgilerle, dizinin belirli bir elemanına kolayca ulaşabiliriz:

console.log(kitaplar[1]); // "1984" yazdırır

Eğer olmayan bir indeksi çağırırsak, örneğin kitaplar[5], JavaScript bize "undefined" değeri döndürür çünkü orada bir veri yoktur.

3. Dizi Elemanını Değiştirmek

Dizideki herhangi bir elemanı sonradan değiştirebiliriz. Örneğin yanlış yazılmış bir kelimeyi düzeltmek oldukça kolaydır:

let dersler = ["Matematk", "Fizik", "Kimya"]; dersler[0] = "Matematik"; // Hatalı yazımı düzelttik

Şimdi dizimiz şöyle görünür: ["Matematik", "Fizik", "Kimya"]

Bu işlem sadece dizilere özgüdür. Çünkü diziler değiştirilebilir (mutable) yapılardır. Ancak string (metin) türleri için aynı şey geçerli değildir. Bir string’in sadece bir harfini değiştirerek onun üzerinde oynama yapamayız:

let isim = "ayşe"; isim[0] = "A"; console.log(isim); // Hâlâ "ayşe"

4. Diziye Yeni Eleman Eklemek

Bir diziye yeni bir eleman eklemek için, dizinin en sonundaki boş sıraya bir değer atayabiliriz. Bu sırayı bulmak için dizinin uzunluğunu (length) kullanabiliriz:

let sehirler = ["Ankara", "İzmir"]; sehirler[sehirler.length] = "Bursa";

Bu kodda sehirler.length ifadesi bize dizinin uzunluğunu verir. Diziye yeni bir şehir eklemek istediğimizde bu sayıyı indeks olarak kullanarak eklemeyi yaparız. Böylece "Bursa" dizinin sonuna eklenir.

5. Yüksek İndekslere Değer Atamak

Bazı durumlarda, dizinin mevcut uzunluğundan çok daha yüksek bir indekse değer atanabilir. Örneğin:

let renkler = ["siyah", "beyaz"]; renkler[5] = "mavi";

Bu kod çalışır, hata vermez. Ancak 2. ile 4. indeksler arasında boşluk oluşur ve bu boşluklar "undefined" olur:

console.log(renkler); // ["siyah", "beyaz", undefined, undefined, undefined, "mavi"]

Bu durum dizinin uzunluğunu artırır ama aradaki indekslerde bir veri yoktur.

6. Farklı Türde Veriler Bir Arada Olabilir mi?

JavaScript dizileri çok esnektir. İçine farklı türlerde veriler koyabilirsiniz:

let karisik = ["elma", 42, false, null, [1, 2]];

Bu dizide bir string, bir sayı, bir boolean, bir null ve bir başka dizi birlikte tutuluyor. Bu esneklik güzeldir ama dizinin ne içerdiğini karıştırmak kolaydır. Bu yüzden pratikte genellikle aynı türde veriler birlikte tutulur.

7. Dizi Uzunluğu (length)

Bir dizinin kaç eleman içerdiğini öğrenmek için .length özelliğini kullanırız:

let sinif = ["Ali", "Buse", "Eren"]; console.log(sinif.length); // 3

Bu özellik, özellikle döngülerde çok işe yarar çünkü dizinin kaç eleman içerdiğini bilmek gerekir.

8. Zincirleme Erişim (Chaining)

Bir dizi elemanına ulaştıktan sonra, onun üzerinde başka bir işlem de yapabiliriz. Örneğin o eleman bir string ise, onun bir harfine ulaşabiliriz:

let hayvanlar = ["Kedi", "Köpek", "Kuş"]; console.log(hayvanlar[1][0]); // "K"

Burada önce hayvanlar[1] ifadesi "Köpek" string’ini döndürür, ardından [0] ile bu string’in ilk harfine ulaştık.

Sonuç:

JavaScript’te diziler, birden fazla veriyi düzenli bir şekilde saklamak ve onlarla işlem yapmak için kullanılır. Bu yapıyı öğrenmek, programlamaya başlayan herkesin temel taşlarından biridir. Özetle:

  • Diziler sıralıdır ve indekslerle yönetilir.
  • Verilere erişmek, değiştirmek ve yeni veri eklemek mümkündür.
  • undefined ifadesi, olmayan bir veriye erişilmeye çalışıldığında karşımıza çıkar.
  • Diziler farklı türde verilerle çalışabilir ama genellikle karışıklığı önlemek için aynı türde verilerle kullanılır.

Bir sonraki adımda dizilere eleman ekleme ve silme işlemleri için kullanılan .push(), .pop(), .shift(), .unshift() gibi yöntemleri öğrenerek daha da ileriye gidebilirsin.

Etiketler

#Eğitimler#JavaScript Dersleri

İlgili Yazılar

Bu konuyla ilgili diğer yazılarımızı da inceleyebilirsiniz

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?
JavaScript Dersleri

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?

Web geliştirme, temel olarak üç ana yapı taşı üzerine kuruludur: **HTML, CSS ve JavaScript**. Bu üçlüden **HTML**, sayfanın iskeletini oluşturur, **CSS**, tasarımı ve görsel düzenlemeleri yapar

2 dk
JavaScript'e Giriş: JavaScript Nedir?
JavaScript Dersleri

JavaScript'e Giriş: JavaScript Nedir?

Web geliştirme yolculuğunuzda büyük bir adım atıyorsunuz! HTML ve CSS ile statik web sayfaları oluşturmayı öğrendiniz, ancak şimdi JavaScript ile sayfanıza hareket ve etkileşim katmanını eklemeye hazırsınız. JavaScript, web sayfalarını dinamik hale getiren ve kullanıcı etkileşimlerini yöneten

3 dk
JavaScript Değişkenler (Variables) Nedir?
JavaScript Dersleri

JavaScript Değişkenler (Variables) Nedir?

JavaScript, web geliştirme dünyasının en önemli dillerinden biridir. Dinamik web siteleri, interaktif uygulamalar, oyunlar ve animasyonlar gibi birçok alanda kullanılır. Ancak, bu tür gelişmiş uygulamalar oluşturabilmek için önce JavaScript'in temellerini anlamak gerekir. Bu

4 dk
JavaScript İlkel (Primitive) Veri Tipleri
JavaScript Dersleri

JavaScript İlkel (Primitive) Veri Tipleri

JavaScript, modern web geliştirmede vazgeçilmez bir programlama dilidir. Web sitelerini daha dinamik hale getirmek, etkileşim eklemek ve hatta oyunlar ve uygulamalar geliştirmek için kullanılır. Ancak, bu eğlenceli ve güçlü özelliklere ulaşmadan önce, JavaScript'in temellerin

4 dk
JavaScript'te Sayılar ve Matematiksel Operatörler
JavaScript Dersleri

JavaScript'te Sayılar ve Matematiksel Operatörler

JavaScript, modern web geliştirmede en yaygın kullanılan programlama dillerinden biridir. Bu dilde çalışırken sayılarla sıkça işlem yaparız. İster bir hesap makinesi uygulaması geliştiriyor olun, ister bir oyundaki puan sistemini kodluyor olun, sayılar kaçınılmaz bir parçadır. JavaScri

4 dk
JavaScript'te Boolean Veri Tipi
JavaScript Dersleri

JavaScript'te Boolean Veri Tipi

JavaScript'ı öğrenmeye yeni başlayanlar için veri tipleri oldukça önemlidir. Bu yazıda, en temel veri tiplerinden biri olan **Boolean (mantıksal) değerleri** inceleyeceğiz. Boolean değerleri, programlamada sıklıkla kullanılan ve kodlarımızın man

3 dk