JavaScript’te push() metodu, array’in sonuna yeni veri eklemek için kullanılmaktadır.
Modern JavaScript geliştirme süreçlerinde en sık kullanılan array metodlarından biridir.
Bu yazıda JavaScript push() kullanımını örneklerle inceleyeceğiz.
push() Metodu Nedir?
push() metodu bir array’in sonuna yeni eleman ekler.
Temel kullanım:
array.push(veri);
Basit push() Örneği
const users = ["Ahmet", "Mehmet"];
users.push("Ayşe");
console.log(users);
Çıktı:
["Ahmet", "Mehmet", "Ayşe"]
Birden Fazla Veri Ekleme
push() ile aynı anda birden fazla eleman eklenebilir.
const numbers = [1, 2];
numbers.push(3, 4, 5);
console.log(numbers);
push() Return Değeri
push() metodu array’in yeni uzunluğunu döndürür.
const users = ["Ahmet"];
const result = users.push("Mehmet");
console.log(result);
Çıktı:
2
Object ile push() Kullanımı
Array içerisine object verileri de eklenebilir.
const users = [];
users.push({
name: "Mustafa",
age: 28
});
console.log(users);
Döngü İçerisinde push() Kullanımı
const numbers = [1, 2, 3];
const result = [];
numbers.forEach(number => {
result.push(number * 2);
});
console.log(result);
push() ve unshift() Arasındaki Fark
| Metod | İşlem |
|---|---|
| push() | Array sonuna veri ekler |
| unshift() | Array başına veri ekler |
Tüm Kullanımları İçeren Örnek
const fruits = ["Apple", "Orange"];
// sona veri ekleme
fruits.push("Banana");
console.log(fruits);
// birden fazla veri ekleme
fruits.push("Mango", "Kiwi");
console.log(fruits);
// object ekleme
fruits.push({
name: "Pineapple"
});
console.log(fruits);
push() Kullanım Alanları
- Liste oluşturma
- API verisi biriktirme
- Dinamik veri ekleme
- Form verilerini saklama
- Frontend state yönetimi
Sonuç
JavaScript push() metodu array yönetiminde en temel ve en sık kullanılan metodlardan biridir.
Özellikle dinamik veri işlemleri yapan uygulamalarda push() kullanımı oldukça yaygındır.
Sık Sorulan Sorular (SSS)
push() ne işe yarar?
Array’in sonuna yeni veri eklemek için kullanılır.
push() birden fazla veri ekleyebilir mi?
Evet, aynı anda birden fazla eleman eklenebilir.
push() array’i değiştirir mi?
Evet, orijinal array üzerinde değişiklik yapar.
