JavaScript, modern web geliştirme için son derece popüler bir programlama dilidir ve dizeler (strings) ile çalışırken birçok kullanışlı metot sunar. Bu metotlardan biri de substring() metodudur. substring(), bir dizenin belirli bir bölümünü elde etmek için kullanılan güçlü ve kolay bir araçtır. Bu yazıda, JavaScript substring() metodunun ne olduğunu, nasıl çalıştığını ve pratik örneklerle nasıl kullanılacağını detaylı olarak anlatacağım.

substring() Metodu Nedir?

JavaScript’teki substring() metodu, bir dizenin başlangıç ve bitiş indeksine (index) göre belirli bir kısmını döndürür. Bu metot, orijinal dizenin kendisini değiştirmez; bunun yerine, belirtilen aralıkta yeni bir dize oluşturur.

Sözdizimi (Syntax):

string.substring(startIndex, endIndex)

• startIndex (zorunlu): Dizenin kesilmeye başlayacağı pozisyonu belirtir. İndeks sıfırdan (0) başlar.
• endIndex (isteğe bağlı): Dizenin kesilmeyi durduracağı pozisyonu belirtir. Bu değer verilmezse, dizenin sonuna kadar olan kısmı döndürülür.

substring() ile substr() ve slice() Farkları

JavaScript’te substring(), slice() ve substr() metotları sıkça karıştırılır. Ancak her birinin kendine has özellikleri vardır:

• substring(): Başlangıç ve bitiş indeksine göre çalışır. Negatif indeksleri kabul etmez; negatif değerler otomatik olarak sıfıra dönüştürülür.
• slice(): Başlangıç ve bitiş indekslerine dayanır, ancak negatif değerleri destekler.
• substr(): Başlangıç indeksi ve kesilecek uzunluğa göre çalışır. Ancak bu metot güncel standartlarda önerilmemektedir ve eski tarayıcılar için kullanılır.

substring() Nasıl Çalışır?

substring() metodunun çalışma mantığını anlamak için birkaç temel noktayı bilmek önemlidir:

1. Başlangıç ve Bitiş Sırasıyla Kullanılır: startIndex her zaman endIndex‘ten küçük veya ona eşit olmalıdır. Eğer tam tersi bir durum varsa, JavaScript indeksleri otomatik olarak yer değiştirir.
2. Negatif Değerler Sıfıra Çevrilir: Negatif bir indeks belirtilirse, bu indeks sıfır kabul edilir.

Örneklerle substring() Kullanımı

Basit Bir Örnek

let metin = "JavaScript substring metodu";
let sonuc = metin.substring(0, 10); // İlk 10 karakteri alır
console.log(sonuc); // Çıktı: "JavaScript"

Bu örnekte, "JavaScript substring metodu" dizisinin ilk 10 karakteri alınmıştır. startIndex olarak 0, endIndex olarak ise 10 belirtilmiştir.

Bitiş İndeksi Belirtilmediğinde

let metin = "JavaScript öğrenmek çok eğlenceli!";
let sonuc = metin.substring(12); // 12. indeks dahil sonrasını alır
console.log(sonuc); // Çıktı: "öğrenmek çok eğlenceli!"

Eğer endIndex parametresi belirtilmezse, metin sonuna kadar işlem yapılır.

İndekslerin Ters Verilmesi

let metin = "Merhaba Dünya";
let sonuc = metin.substring(7, 0); // İndeksler ters verildi
console.log(sonuc); // Çıktı: "Merhaba"

Bu durumda, JavaScript indeksleri otomatik olarak yer değiştirir ve kesme işlemini doğru bir şekilde yapar.

Negatif İndeksler Kullanıldığında

let metin = "Kodlama harika!";
let sonuc = metin.substring(-5, 8); // Negatif indeks sıfır olarak kabul edilir
console.log(sonuc); // Çıktı: "Kodlama"

Negatif indeks kullanımı desteklenmediğinden, -5 değeri sıfıra çevrilir.

Pratik Kullanım Alanları

URL’den Parametre Çekme

let url = "https://example.com?user=serdar";
let param = url.substring(url.indexOf("=") + 1);
console.log(param); // Çıktı: "serdar"

Bu örnekte, bir URL’den user parametresinin değeri alınmıştır.

Dosya Uzantısını Alma

let dosyaAdi = "belge.pdf";
let uzanti = dosyaAdi.substring(dosyaAdi.lastIndexOf(".") + 1);
console.log(uzanti); // Çıktı: "pdf"

Dosya adından uzantıyı çekmek için substring() metodu oldukça kullanışlıdır.

---

JavaScript substring() metodu, dizeler üzerinde işlem yaparken oldukça kullanışlı bir araçtır. Basit kullanımı, güçlü özellikleri ve geniş uygulama alanları sayesinde, özellikle web geliştirme projelerinde sıkça tercih edilir. Bu makalede, metodun nasıl çalıştığını, diğer metotlardan farklarını ve pratik örneklerle gerçek hayatta nasıl kullanılabileceğini anlattım.

Eğer JavaScript dizelerle daha fazla işlem yapmak istiyorsanız, slice() ve diğer string metotlarına da göz atabilirsiniz. Kod yazarken her bir metodun özelliklerini anlamak, daha etkili ve optimize çözümler üretmenizi sağlar.

---

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.