JavaScript’te array yapıları birden fazla veriyi tek bir değişken içerisinde saklamak için kullanılmaktadır.
Modern JavaScript geliştirme süreçlerinde array işlemleri oldukça önemli bir yere sahiptir. Özellikle API verileri, listeleme işlemleri ve veri yönetimi gibi alanlarda yoğun şekilde kullanılmaktadır.
Bu yazıda JavaScript array oluşturma, veri ekleme, silme, güncelleme ve döngü işlemlerini örneklerle inceleyeceğiz.
JavaScript Array Nedir?
Array, birden fazla veriyi sıralı şekilde tutan veri yapılarıdır.
Örnek:
const users = ["Ahmet", "Mehmet", "Ayşe"];
Bu örnekte üç farklı veri tek bir array içerisinde tutulmaktadır.
Array İçindeki Verilere Erişim
Array elemanlarına index numarası ile erişilir.
const users = ["Ahmet", "Mehmet", "Ayşe"];
console.log(users[0]);
console.log(users[1]);
Index numaraları 0’dan başlar.
Array’e Veri Ekleme
push()
Array sonuna veri eklemek için kullanılır.
const users = ["Ahmet", "Mehmet"];
users.push("Ayşe");
console.log(users);
Push kullanımını detaylı incelemek isterseniz bu yazıyı okuyabilirsiniz.
Link: https://www.mustafahamit.com/javascript-push-kullanimi/
unshift()
Array’in başına veri eklemek için kullanılır.
const users = ["Mehmet", "Ayşe"];
users.unshift("Ahmet");
console.log(users);
Unshift kullanımını detaylı incelemek isterseniz bu yazıyı okuyabilirsiniz.
Link: https://www.mustafahamit.com/javascript-unshift-kullanimi
Array’den Veri Silme
pop()
Son elemanı siler.
const users = ["Ahmet", "Mehmet", "Ayşe"];
users.pop();
console.log(users);
Pop kullanımını detaylı incelemek isterseniz bu yazıyı okuyabilirsiniz.
Link: https://www.mustafahamit.com/javascript-pop-kullanimi/
shift()
İlk elemanı siler.
const users = ["Ahmet", "Mehmet", "Ayşe"];
users.shift();
console.log(users);
Shift kullanımını detaylı incelemek isterseniz bu yazıyı okuyabilirsiniz.
Link: https://www.mustafahamit.com/javascript-shift-kullanimi
Array Güncelleme
Belirli bir index üzerinden veri güncellenebilir.
const users = ["Ahmet", "Mehmet"];
users[1] = "Ayşe";
console.log(users);
Array İçinde Döngü Kullanımı
forEach()
const users = ["Ahmet", "Mehmet", "Ayşe"];
users.forEach(user => {
console.log(user);
});
map() Kullanımı
map() her elemanı dönüştürerek yeni bir array oluşturur.
const numbers = [1, 2, 3];
const result = numbers.map(number => number * 2);
console.log(result);
filter() Kullanımı
filter() belirli şartlara göre filtreleme yapar.
const numbers = [1, 2, 3, 4, 5];
const result = numbers.filter(number => number > 3);
console.log(result);
find() Kullanımı
find() ilk eşleşen veriyi döndürür.
const users = ["Ahmet", "Mehmet", "Ayşe"];
const result = users.find(user => user === "Ayşe");
console.log(result);
splice() Kullanımı
splice() array içerisine veri eklemek veya silmek için kullanılır.
const users = ["Ahmet", "Mehmet", "Ayşe"];
users.splice(1, 1);
console.log(users);
Splice kullanımını detaylı incelemek isterseniz bu yazıyı okuyabilirsiniz.
Link: https://www.mustafahamit.com/javascript-splice-kullanimi
slice() Kullanımı
slice() array’in belirli bölümünü kopyalar.
const users = ["Ahmet", "Mehmet", "Ayşe"];
const result = users.slice(0, 2);
console.log(result);
Tüm İşlemleri İçeren Örnek
const users = ["Ahmet", "Mehmet"];
// veri ekleme
users.push("Ayşe");
// veri güncelleme
users[0] = "Ali";
// veri silme
users.pop();
// döngü
users.forEach(user => {
console.log(user);
});
// map işlemi
const numbers = [1, 2, 3];
const doubled = numbers.map(number => number * 2);
console.log(doubled);
JavaScript Array Kullanım Alanları
- API verileri
- Kullanıcı listeleri
- Ürün listeleri
- Frontend veri yönetimi
- Dinamik içerik sistemleri
Sonuç
JavaScript array işlemleri modern web geliştirme süreçlerinde en sık kullanılan konular arasındadır.
Özellikle map, filter ve forEach gibi metodları öğrenmek daha temiz ve profesyonel kod yazılmasını sağlar.
Sık Sorulan Sorular (SSS)
JavaScript array nedir?
Birden fazla veriyi sıralı şekilde saklayan veri yapısıdır.
map ile forEach arasındaki fark nedir?
map yeni bir array döndürür, forEach ise sadece işlem yapar.
Array’den veri nasıl silinir?
pop(), shift() veya splice() metodları kullanılabilir.
