JavaScript Dersleri #7: Diziler (Arrays)

Aynı türden veya farklı türden birden fazla veriyi (örneğin bir alışveriş listesi, kullanıcı adları veya sayı dizileri) tek bir değişken içinde sırayla saklamak için Dizileri (Array) kullanırız. Diziler, köşeli parantez [] kullanılarak tanımlanır ve her eleman birbirinden virgülle ayrılır.

1. Dizi Tanımlama ve Elemanlara Erişme

Dizilerdeki her elemanın, 0'dan başlayan bir sıra numarası vardır. Bu sıra numarasına indeks (index) denir. Dizinin ilk elemanına erişmek için 0. indeksi kullanırız.

let programlamaDilleri = ["JavaScript", "Python", "PHP", "Java"];

// Elemanları çağırma
console.log(programlamaDilleri[0]); // Çıktı: JavaScript
console.log(programlamaDilleri[2]); // Çıktı: PHP

// Dizi elemanını güncelleme
programlamaDilleri[1] = "Python 3";
console.log(programlamaDilleri); // Çıktı: ["JavaScript", "Python 3", "PHP", "Java"]

2. Dizinin Uzunluğunu Bulma: length

Bir dizinin içinde toplam kaç adet eleman olduğunu öğrenmek için .length özelliğini kullanırız.

let alisverisListesi = ["Süt", "Ekmek", "Kahve", "Çikolata"];
console.log(alisverisListesi.length); // Çıktı: 4

3. Sık Kullanılan Dizi Metotları

JavaScript, diziler üzerinde ekleme, silme ve düzenleme yapabilmemiz için bize birçok hazır fonksiyon (metot) sunar:

push(): Dizinin sonuna yeni bir eleman ekler.
pop(): Dizinin sonundaki elemanı siler.
unshift(): Dizinin başına yeni bir eleman ekler.
shift(): Dizinin başındaki elemanı siler.

let arabalar = ["BMW", "Mercedes"];

arabalar.push("Audi"); // Sona ekler
console.log(arabalar); // Çıktı: ["BMW", "Mercedes", "Audi"]

arabalar.pop(); // Sondakini siler
console.log(arabalar); // Çıktı: ["BMW", "Mercedes"]

4. Dizi Elemanlarını Döngü ile Dönmek

Dizi içerisindeki tüm elemanları sırayla ekrana basmak veya işlemek için döngülerden yararlanırız. Modern JavaScript'te bu işlem için sıklıkla forEach metodu tercih edilir.

let kisiler = ["Meta", "Gökhan", "Hakan"];

kisiler.forEach(function(kisi) {
console.log(`Merhaba ${kisi}`);
});
/*
Çıktı:
Merhaba Meta
Merhaba Gökhan
Merhaba Hakan
*/

javascript dizileri, array metotları, js döngüler,