Mustafa HAMIT

JavaScript splice() Kullanımı

JavaScript’te splice() metodu, array içerisindeki elemanları silmek, güncellemek veya yeni veri eklemek için kullanılmaktadır.

Bu metod array işlemlerinde en güçlü ve en sık kullanılan metodlardan biridir.

Bu yazıda JavaScript splice() kullanımını örneklerle inceleyeceğiz.


splice() Metodu Nedir?

splice() metodu array üzerinde değişiklik yapar.

Temel kullanım:


array.splice(index, deleteCount, item1, item2);
  • index → İşlemin başlayacağı index
  • deleteCount → Silinecek eleman sayısı
  • item → Eklenecek yeni veriler

splice() ile Veri Silme


const users = ["Ahmet", "Mehmet", "Ayşe"];

users.splice(1, 1);

console.log(users);

Çıktı:


["Ahmet", "Ayşe"]

splice() ile Veri Ekleme

Silme işlemi yapmadan yeni veri eklemek mümkündür.


const users = ["Ahmet", "Ayşe"];

users.splice(1, 0, "Mehmet");

console.log(users);

splice() ile Veri Güncelleme

Eski veri silinip yerine yeni veri eklenebilir.


const users = ["Ahmet", "Mehmet"];

users.splice(1, 1, "Ayşe");

console.log(users);

Birden Fazla Veri Ekleme


const numbers = [1, 5];

numbers.splice(1, 0, 2, 3, 4);

console.log(numbers);

splice() Return Değeri

splice() silinen elemanları array olarak döndürür.


const users = ["Ahmet", "Mehmet", "Ayşe"];

const deletedItems = users.splice(1, 1);

console.log(deletedItems);

Çıktı:


["Mehmet"]

Object İçeren Array’de splice() Kullanımı


const users = [
  {
    name: "Mustafa"
  },
  {
    name: "Ahmet"
  }
];

users.splice(1, 1);

console.log(users);

splice() ve slice() Arasındaki Fark

Metodİşlem
splice()Orijinal array’i değiştirir
slice()Yeni array oluşturur

Tüm Kullanımları İçeren Örnek


const fruits = ["Apple", "Orange", "Banana"];

// veri silme
fruits.splice(1, 1);

console.log(fruits);

// veri ekleme
fruits.splice(1, 0, "Kiwi");

console.log(fruits);

// veri güncelleme
fruits.splice(0, 1, "Mango");

console.log(fruits);

splice() Kullanım Alanları

  • Dinamik liste yönetimi
  • Veri silme işlemleri
  • Veri güncelleme işlemleri
  • Array sıralama düzenlemeleri
  • Frontend state yönetimi

Sonuç

JavaScript splice() metodu array üzerinde veri ekleme, silme ve güncelleme işlemleri için kullanılan güçlü bir metodtur.

Modern JavaScript projelerinde oldukça yaygın kullanılmaktadır.


Sık Sorulan Sorular (SSS)

splice() ne işe yarar?

Array üzerinde veri ekleme, silme ve güncelleme işlemleri yapar.

splice() array’i değiştirir mi?

Evet, doğrudan orijinal array üzerinde işlem yapar.

splice() silinen verileri döndürür mü?

Evet, silinen elemanları array olarak return eder.

Loading

Bir yanıt yazın