Şimdi yükleniyor

JavaScript startsWith() ve endsWith() Metotları: Kullanımı, Örnekleri ve İpuçları

JavaScript ile startsWith ve endsWith Metodu Detaylı Anlatım

JavaScript, metin işlemede oldukça güçlü bir dil olarak karşımıza çıkar. Özellikle string (metin) işlemleri sırasında, bir metnin belirli bir karakterle başlayıp başlamadığını veya bitip bitmediğini kontrol etmek oldukça yaygın bir ihtiyaçtır. İşte bu noktada, JavaScript’in startsWith() ve endsWith() metotları devreye girer. Bu makalede, bu iki metodun nasıl kullanıldığını, kullanım senaryolarını ve bazı örneklerini anlatacağım.

startsWith() Metodu Nedir?

startsWith(), bir string’in belirtilen karakter dizisi ile başlayıp başlamadığını kontrol eder ve bir boolean (true/false) değer döner. Bu yöntem, metin doğrulama veya belirli bir karakter kümesiyle başlayan verileri filtrelemek için oldukça kullanışlıdır.

startsWith() Kullanımı

startsWith() metodu iki parametre alır:

  • searchString: Kontrol etmek istediğiniz metin ya da karakter dizisi.
  • position (isteğe bağlı): Aramanın başlayacağı pozisyon (varsayılan olarak 0’dır).

Sözdizimi ( Syntax ) :

string.startsWith(searchString, position)

Örnekler:

Temel Kullanım

const mesaj = "JavaScript programlama dili harika!";

console.log(mesaj.startsWith("JavaScript")); // true
console.log(mesaj.startsWith("Programlama")); // false
console.log(mesaj.startsWith("programlama", 11)); // true

Uygulama Örneği: URL Doğrulama

const url = "https://serdarkaraca.com.tr";

if (url.startsWith("https")) {
    console.log("Bu güvenli bir bağlantıdır.");
} else {
    console.log("Bu bağlantı güvenli değil.");
}

endsWith() Metodu Nedir?

endsWith(), bir string’in belirli bir karakter dizisi ile bitip bitmediğini kontrol eden bir metottur. Özellikle dosya uzantılarını kontrol etmek veya belirli bir ifade ile biten metinleri ayıklamak için kullanılır.

endsWith() Kullanımı

endsWith() metodu da iki parametre alır:

  1. searchString: Kontrol etmek istediğiniz metin ya da karakter dizisi.
  2. length (isteğe bağlı): Metnin ne kadarlık kısmını kontrol etmek istediğinizi belirler.

Sözdizimi ( Syntax ):

string.endsWith(searchString, length)

Örnekler:

Temel Kullanım

const dosyaAdi = "rapor.pdf";

console.log(dosyaAdi.endsWith(".pdf")); // true
console.log(dosyaAdi.endsWith(".doc")); // false
console.log(dosyaAdi.endsWith("rapor", 5)); // true

Uygulama Örneği: Dosya Uzantısı Kontrolü

const dosyalar = ["resim.jpg", "belge.docx", "sunum.pptx", "taslak.pdf"];

dosyalar.forEach(dosya => {
    if (dosya.endsWith(".pdf")) {
        console.log(`${dosya} bir PDF dosyasıdır.`);
    }
});

startsWith() ve endsWith() Kullanım Alanları

Bu iki metot, aşağıdaki durumlarda oldukça işlevseldir:

  1. URL ve E-posta Doğrulama:
    • Kullanıcı girişlerinin belirli bir karakter dizisi ile başlayıp başlamadığını kontrol etmek.
  2. Dosya İşlemleri:
    • Yalnızca belirli uzantılara sahip dosyaları işlemek.
  3. Veri Filtreleme:
    • Metinlerin başlangıç veya bitişine göre filtreleme yapmak.
  4. Arama Optimizasyonu:
    • Metin aramalarını optimize etmek için belirli karakterlerle başlayan veya biten verileri ayıklamak.

startsWith() ve endsWith() Metotlarının Avantajları

  • Kolay Kullanım: Basit ve anlaşılır sözdizimi ile hızlı bir şekilde uygulanabilir.
  • Performans: Uzun metinlerde bile hızlı sonuçlar verir.
  • Güvenilirlik: Büyük/küçük harf duyarlılığı ile doğru sonuçlar elde edilir.

Önemli İpuçları ve Sık Yapılan Hatalar

  1. Büyük/Küçük Harf Duyarlılığı:
    • startsWith() ve endsWith() büyük/küçük harfe duyarlıdır. Bu nedenle, kullanıcıdan gelen girdilerle çalışırken gerektiğinde toLowerCase() veya toUpperCase() metotları kullanılabilir.

Örnek:

const mesaj = "Merhaba Dünya!";
console.log(mesaj.startsWith("merhaba")); // false
console.log(mesaj.toLowerCase().startsWith("merhaba")); // true
  1. Boş veya Geçersiz Parametreler:
    • Eğer searchString parametresi boş bırakılırsa, bu metotlar her zaman false döner.

Örnek:

console.log("Test".startsWith("")); // false
console.log("Test".endsWith("")); // false

startsWith() ve endsWith() ile Modern JavaScript Uygulamaları

Modern uygulamalarda bu metotları daha yaratıcı şekillerde kullanabilirsiniz. Örneğin, bir arama motorunda belirli anahtar kelimelerle başlayan sonuçları filtrelemek için startsWith() kullanılabilir. Aynı şekilde, belirli bir dosya formatına sahip medyaları yüklemek için endsWith() etkili bir çözüm sunar.

JavaScript’in startsWith() ve endsWith() metotları, string işlemleri sırasında sıkça ihtiyaç duyulan ve kullanım kolaylığı sağlayan güçlü araçlardır. Doğru senaryolarda bu metotları kullanarak kodunuzu hem performanslı hem de okunabilir hale getirebilirsiniz. Yukarıdaki örnekleri ve ipuçlarını kullanarak kendi projelerinizde bu metotları etkin bir şekilde kullanabilirsiniz. Eğer metin işlemlerine dair daha fazla bilgiye ihtiyacınız varsa, JavaScript’in diğer string metodlarını da keşfetmenizi öneririm.


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.

github-logo JavaScript startsWith() ve endsWith() Metotları: Kullanımı, Örnekleri ve İpuçları
codepen-logo JavaScript startsWith() ve endsWith() Metotları: Kullanımı, Örnekleri ve İpuçları
Javascript konusuyla ilgili yazdığım tüm yazıları bu bağlantıdan veya github hesabımdan inceyebilirsiniz.

Bir Yorum Yazın