JavaScript’te slice() metodu, bir dizinin veya bir string’in belirli bir kısmını seçip döndürmek için kullanılan güçlü bir araçtır. Bu metot, özellikle diziler ve stringler üzerinde çalışırken, veri manipülasyonunu kolaylaştırır. Bu makalede, slice() metodunun nasıl çalıştığını, kullanımıyla ilgili ayrıntıları ve çeşitli örnekleri ele alacağız.

slice() Metodu Nedir?

slice() metodu, bir dizi veya string’in belirli bir kısmını seçip yeni bir dizi veya string döndürür. Orijinal veri üzerinde herhangi bir değişiklik yapmaz. Yani, bu metot immutability (değişmezlik) ilkesine uygundur.

Yazım şekli şöyledir ;

array.slice(start, end);

• start: Kesme işleminin başlayacağı indeks (dahil).
• end(isteğe bağlı): Kesme işleminin biteceği indeks (hariç). Bu parametre belirtilmezse, kesme işlemi dizinin veya string’in sonuna kadar devam eder.

slice() Metodunun Özellikleri

1. Orijinal Veriyi Değiştirmez: slice(), orijinal dizi veya string üzerinde herhangi bir değişiklik yapmaz. Bunun yerine, yeni bir kopya döndürür.
2. Negatif İndeks Desteği: Negatif değerler kullanılarak dizinin sonundan başlayarak kesim yapılabilir. Örneğin, -1 son elemanı, -2 sondan bir önceki elemanı temsil eder.
3. Dizi ve Stringler ile Çalışır: slice(), yalnızca dizilerde değil, stringlerde de kullanılabilir.

slice() Metodunun Kullanımı

1. Dizi Üzerinde Kullanım

const meyveler = ['Elma', 'Armut', 'Çilek', 'Muz', 'Portakal'];

// İlk iki elemanı al
const ilkIkisi = meyveler.slice(0, 2);
console.log(ilkIkisi); // ["Elma", "Armut"]

// Sondan iki elemanı al
const sondanIkisi = meyveler.slice(-2);
console.log(sondanIkisi); // ["Muz", "Portakal"]

// 2. ve 4. indeks arasındaki elemanlar
const araElemanlar = meyveler.slice(1, 4);
console.log(araElemanlar); // ["Armut", "Çilek", "Muz"]

2. String Üzerinde Kullanım

const metin = "JavaScript öğreniyorum.";

// İlk 10 karakter
const ilkKisim = metin.slice(0, 10);
console.log(ilkKisim); // "JavaScript"

// Son 9 karakter
const sonKisim = metin.slice(-9);
console.log(sonKisim); // "öğreniyorum."

// "öğreniyorum" kısmını çıkar
const ortaKisim = metin.slice(11, 20);
console.log(ortaKisim); // "öğreniyorum"

3. Negatif İndeks Kullanımı

Negatif indekslerle dizinin sonundan başlayarak veri seçebilirsiniz:

const sayilar = [10, 20, 30, 40, 50];

// Son üç eleman
const sonUc = sayilar.slice(-3);
console.log(sonUc); // [30, 40, 50]

// Ortadaki iki eleman
const ortaIki = sayilar.slice(1, -2);
console.log(ortaIki); // [20, 30]

slice() ile splice() Arasındaki Fark

slice() ile benzer bir isim taşıyan splice() metodu sıklıkla karıştırılır. Ancak bu iki metot arasında önemli farklar vardır:

Örnek ;

const dizi = [1, 2, 3, 4, 5];

// slice ile kesme
const yeniDizi = dizi.slice(1, 3);
console.log(yeniDizi); // [2, 3]
console.log(dizi);     // [1, 2, 3, 4, 5]

// splice ile kesme
const silinenler = dizi.splice(1, 3);
console.log(silinenler); // [2, 3, 4]
console.log(dizi);       // [1, 5]

JavaScript’in slice() metodu, dizi ve string manipülasyonu için vazgeçilmez bir araçtır. Verileri seçmek ve düzenlemek için güvenilir bir yöntem sunar. Bu yazıda, slice() metodunun temel özelliklerini, kullanım örneklerini ve diğer metotlarla farklarını anlattım. Özellikle splice() ile karıştırılmaması gerektiğini unutmayın.

Javascript ile Tüm “String” Metodlarını Anlattığım Yazıyı Buradan İnceleyebilirsiniz.

Yukarıda paylaştığım kodların çalışan bir örneğini aşağıda ki bağlantılardan inceleyebilirsiniz.

Javascript konusuyla ilgili yazdığım tüm yazıları bu bağlantıdan veya github hesabımdan inceyebilirsiniz.