JavaScript Dersleri

JavaScript Diziler (Arrays) Nedir?

eminbasbayan

eminbasbayan

4 dk okuma
JavaScript Diziler (Arrays) Nedir?
🔍 Büyütmek için tıklayın

Programlamaya yeni başlayan biri olarak şimdiye kadar öğrendiğin şeyler genellikle tek bir bilgi parçasını tutan ilkel (primitive) veri tipleriydi. Örneğin, bir öğrencinin adı gibi bir string, bir sınav sonucu gibi bir number, ya da bir onay durumu gibi boolean değerler. Bu veri tipleri basittir ve bellekte tek bir değeri doğrudan tutar.

Ancak gerçek dünyadaki çoğu problem, tek bir veriden fazlasını içerir. Bir uygulama geliştirirken, genellikle birçok veriyi bir arada tutman gerekir. İşte burada JavaScript’in sunduğu referans (reference) veri tipleri devreye girer.

JavaScript’te En Çok Kullanılan Referans Veri Tipleri

  1. Array (Dizi)
    Sıralı birden fazla veriyi tek bir yapıda tutmamıza yarar.
    Örnek:

    let renkler = ["kırmızı", "mavi", "yeşil"];
    
  2. Object (Nesne)
    Anahtar-değer (key-value) çiftleriyle çalışan, daha yapısal veri tutmamıza olanak sağlayan bir yapıdır.

    let ogrenci = { ad: "Ali", yas: 17 };
    
  3. Function (Fonksiyon)
    JavaScript’te fonksiyonlar da birer referans veri tipidir. Fonksiyonlar, belirli işlemleri gerçekleştiren kod bloklarıdır.

    function topla(a, b) { return a + b; }

Bu veri tiplerinin ortak özelliği, bellekte bir adres üzerinden saklanmalarıdır. Yani bir değişkene bu türden bir değer atandığında, aslında değerin kendisi değil, o değerin bulunduğu adres aktarılır.

Bu referans veri tiplerinden en temellerinden biri de dizilerdir (arrays). Şimdi gel, dizilerin ne işe yaradığını ve nasıl kullanıldığını birlikte inceleyelim.

Dizi Nedir?

Dizi (array), birden fazla değeri tek bir yerde saklamamıza yardımcı olan özel bir veri yapısıdır. Yani birden çok veriyi bir liste şeklinde tutar. Bu veriler sıralıdır ve her birinin dizideki yerini belirten bir indeksi vardır.

Gerçek Hayat Örneği

Bir okulun haftalık yemek menüsünü düşün:

  • Pazartesi: Makarna
  • Salı: Köfte
  • Çarşamba: Tavuk
  • Perşembe: Çorba
  • Cuma: Balık

Bu bilgileri bir dizi içinde şöyle saklayabilirsin:

let yemekMenusu = ["Makarna", "Köfte", "Tavuk", "Çorba", "Balık"];

Bu sayede her güne ait yemeğe kolayca ulaşabilirsin.

Diziler Nasıl Oluşturulur?

Dizi oluşturmak için köşeli parantez [] kullanılır. İçine verileri virgül , ile ayırarak yazarsın:

let sehirler = ["Ankara", "İstanbul", "İzmir"];

Bu dizide üç şehir var. İlk şehir “Ankara”, ikincisi “İstanbul”, üçüncüsü ise “İzmir” olarak sıralanır.

Dizilerde İndeks (Sıra) Kavramı

JavaScript’te diziler 0’dan başlar. Yani ilk elemanın indeksi 0, ikinci elemanın 1, üçüncünün 2 olur.

console.log(sehirler[0]); // "Ankara" console.log(sehirler[1]); // "İstanbul"

Eğer yanlış bir indeks girersen, örneğin sehirler[5] gibi, undefined yani tanımsız bir sonuç alırsın. Çünkü dizide 5. eleman yoktur.

Boş Dizi Oluşturmak

Bazen dizi oluştururken içine veri koymak istemeyebilirsin. O zaman sadece boş bir dizi tanımlarsın:

let kitaplar = [];

İleride bu dizinin içine kitap isimleri ekleyebilirsin.

Dizi Uzunluğunu Bulmak

Bir dizide kaç tane eleman olduğunu bilmek istersen .length özelliğini kullanabilirsin:

let dersler = ["Matematik", "Fizik", "Kimya"]; console.log(dersler.length); // 3

Bu dizi 3 elemanlıdır.

Farklı Türde Veriler Aynı Dizide Olabilir mi?

Evet! JavaScript dizileri oldukça esnektir. İçinde sayı, yazı (string), mantıksal değer (true/false), null, undefined gibi farklı türden veriler aynı anda olabilir.

let karisik = [25, "Ali", true, null, undefined];

Bu karışık yapılar özellikle bazı durumlarda kullanışlı olabilir, ancak genellikle dizi içindeki elemanların aynı türde olması tercih edilir.

Dizi İçinde Dizi Olabilir mi?

Evet, bir dizinin içine başka bir dizi de ekleyebilirsin. Bu yapıya iç içe diziler (nested arrays) denir:

let ogrenciListesi = [ ["Ahmet", 17], ["Zeynep", 18], ["Bora", 16] ];

Bu dizide her bir öğrenci bir alt dizi olarak tanımlanmış. İlk elemanı öğrenci adı, ikinci elemanı yaşı olacak şekilde düzenlenmiş.

Gerçek Hayat Uygulamaları

JavaScript dizilerini birçok alanda kullanabiliriz. İşte bazı örnekler:

  • Yorumlar: Bir blog yazısına gelen yorumlar, sırayla bir dizide tutulur.
  • Ürün listesi: Bir alışveriş sitesindeki ürünlerin adları ve fiyatları dizilerle yönetilebilir.
  • Puanlar: Bir sınav sisteminde öğrencilerin notları dizilerle saklanabilir.
  • Görev listesi: Yapılacak işler bir görev dizisi şeklinde tutulabilir.

Neden Dizi Kullanmalıyız?

Tek tek değişkenlerle çalışmak çok zahmetlidir. Dizi kullanmak:

  1. Kodunu sadeleştirir.
  2. Verilere daha kolay ulaşmanı sağlar.
  3. Döngülerle birlikte kullanıldığında tekrar eden işlemleri kolaylaştırır.

Özet

ÖzellikAçıklama
TanımÇoklu veriyi sıralı şekilde tutan yapı
Sıralamaİlk eleman 0. indekste yer alır
Veri türüAynı veya farklı türden veriler olabilir
Uzunluk.length ile öğrenilir
Erişimdizi[0], dizi[1] gibi yazılarak yapılır
Boş dizi[] şeklinde oluşturulur
İç içe diziBir dizi başka bir diziyi içerebilir

Sonuç

Diziler, JavaScript’te verileri düzenli bir şekilde tutmanın en temel yollarından biridir. İster bir müzik listesi yap, ister oyun seviyelerini sırala ya da öğrenci bilgilerini kaydet — hepsinde dizilere ihtiyacın olacak.

İlerleyen konularda, dizilere nasıl eleman eklenir, nasıl silinir, nasıl sıralanır gibi işlemleri de öğreneceksin. Ancak temeli bu yazıda öğrendiğin bilgilerle sağlamlaştırmalısın.

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