JavaScript String Metodları ve Kullanımları

JavaScript de string veri türleri ile kullanabildiğimiz birçok metod bulunuyor. Bugün aşağıdaki metodları tek tek uygulamalı olarak öğreneceğiz.

  1. length Metodu
  2. indexOf Metodu
  3. lastIndexOf Metodu
  4. search Metodu
  5. toUpperCase Metodu
  6. toLowerCase Metodu
  7. trim Metodu
  8. split Metodu
  9. charAt Metodu
  10. charCodeAt Metodu
  11. concat Metodu
  12. replace Metodu
  13. slice Metodu
  14. substring Metodu
  15. substr Metodu

Şimdi sırasıyla JavaScript string metodlarını inceleyelim.

 1 –  JavaScript length Metodunun Kullanımı

length metodu string bir değerin uzunluğunu döndürür. Örneğin;

 Çıktısı :  20

“Mehsatek Blog Sitesi” boşluklar ile birlikte 20 karakterden oluştuğu için console ekranında 20 sonucunu görüyoruz.

 2 –  JavaScript indexOf Metodunun Kullanımı

indexOf metodu belirtilen string değerin index numarasını döndürür. Birinci karakterin index numarası 0’dır. Örneğin;

 Çıktısı :  9

Blog değeri baştan 10. karakter de bulunuyor. 0’dan başlandığı için console ekranında 9 değerini görüyoruz.

 3 –  JavaScript lastIndexOf Metodunun Kullanımı

lastIndexOf metodu ise eğer belirtilen string değer birden fazla defa bulunuyorsa en sondakinin index numarasını döndürür. Birinci karakterin index numarası 0’dır. Örneğin;

 Çıktısı :  21

“Blog” değeri 2 defa yazılmış olduğu için ikinci “Blog” yazısının bulunduğu index numarasını sonuç olarak console ekranında görüyoruz. 

 ⇒  indexOf ve lastIndexOf metodları eğer verilen string değeri bulamazlarsa geriye -1 değerini döndürürler.

 ⇒  indexOf ve lastIndexOf metodları aramanın başlangıç konumu olarak ikinci bir parametreyi kabul eder. Örneğin; 

 Çıktısı :  21

Bu şekilde ikinci parametre olarak 12 değerini verdiğimizde indexOf metodu “Blog” değerini 12. indexten itibaren (12. index dahil) aramaya başlayacaktır. 

 4 –  JavaScript search Metodunun Kullanımı

search metodu belirtilen string değerin index numarasını döndürür. Birinci karakterin index numarası 0’dır. Örneğin;

 Çıktısı :  9

Blog değeri baştan 10. karakter de bulunuyor. 0’dan başlandığı için console ekranında 9 değerini görüyoruz.

 ⇒  indexOf ve search metodları aynı işe yarıyor. Aralarındaki fark, search metodu indexOf metodundaki gibi ikinci bir parametre alamıyor.

 5 –  JavaScript toUpperCase Metodunun Kullanımı

toUpperCase metodu verilen bir string değeri büyük harfe dönüştürür. Örneğin;

 Çıktısı :  MEHSATEK BLOG SITESI

 6 –  JavaScript toLowerCase Metodunun Kullanımı

toLowerCase metodu verilen bir string değeri küçük harfe dönüştürür. Örneğin;

 Çıktısı :  mehsatek blog sitesi

 7 –  JavaScript trim Metodunun Kullanımı

trim metodu bir string değerin başında ve sonunda bulunan boşluk karakterlerini kaldırır. Örneğin;

 Çıktısı :  “Mehsatek Blog Sitesi”

split metodu ile string bir değeri bir diziye dönüştürebiliriz. Örneğin;

 Çıktısı :  [“Mehsatek”, “Blog”, “Sitesi”]

Gördüğünüz gibi boşluk karakterlerinden (” “) ayırarak bir dizi haline dönüştürdük. Şimdi de virgül (,) karakterinden ayırarak bir örnek yapalım.

 Çıktısı :  [“Ali”, “Hasan”, “Mehmet”, “Osman”]

Yani split metodu ile istediğimiz karaktere göre ayırma işlemini gerçekleştirebiliriz.

 9 –  JavaScript charAt Metodunun Kullanımı

charAt metodu belirtilen index numarasında bulunan karakteri döndürür.

 Çıktısı :  h

 10 –  JavaScript charCodeAt Metodunun Kullanımı

charCodeAt metodu belirtilen index numarasında bulunan karakterin unicode bilgisini (UTF-16) döndürür.

 Çıktısı :  104

 11 –  JavaScript concat Metodunun Kullanımı

concat metodu iki veya daha fazla string değeri birleştirir. Örneğin;

 Çıktısı :  Mehsatek Blog Sitesi

concat metodu yerine aslında + operatörünü de kullanabiliriz. Örneğin;

 Çıktısı :  Merhaba Dünya!

Console ekranına yazdırılacak iki sonuç da aynı olacaktır.

 12 –  JavaScript replace Metodunun Kullanımı

replace metodu, string bir değeri başka bir string değer ile değiştirmemizi sağlar. Örneğin;

 Çıktısı :  Web Tasarım Blog Sitesi

Varsayılan olarak replace metodu sadece ilk eşleşmenin yerini alır. Örneğin;

 Çıktısı :  Web Tasarım Blog Sitesi Mehsatek

Eğer tüm eşleşmelerin değiştirilmesini istiyorsanız şu şekilde yapabilirsiniz.

 Çıktısı :  Web Tasarım Blog Sitesi Web Tasarım

Varsayılan olarak replace metodu büyük/küçük harfe duyarlıdır. Büyük/küçük harfe duyarsız yapmak için şu şekilde kullanabilirsiniz.

 Çıktısı :  Web Tasarım Blog Sitesi

 13 –  JavaScript slice Metodunun Kullanımı

slice metodu ile string bir değerin bir kısmını ayıklayabiliriz. slice metodu 2 parametre alır:

slice(baslangic_indeksi, bitis_indeksi);

Başlangıç indeksi dahil iken bitiş indeksi dahil değildir. Örneğin;

 Çıktısı :  satek Blo

Eğer verilen parametreler negatif ise index konumu string değerin sonundan sayılır. Örneğin;

 Çıktısı :  g Site

Eğer ikinci parametre yazılmaz ise başlangıç indeksten başlar ve string değerin sonuna kadar ayıklar.

 14 –  JavaScript substring Metodunun Kullanımı

substring metodu ile string bir değerin bir kısmını ayıklayabiliriz. substring metodu 2 parametre alır:

substring(baslangic_indeksi, bitis_indeksi);

Başlangıç indeksi dahil iken bitiş indeksi dahil değildir. Örneğin;

 Çıktısı :  satek Blo

Eğer ikinci parametre yazılmaz ise başlangıç indeksten başlar ve string değerin sonuna kadar ayıklar.

slice metodu ile substring metodu arasındaki tek fark substring metodunun negatif parametre kabul etmemesidir.

 15 –  JavaScript substr Metodunun Kullanımı

substr metodu ile string bir değerin bir kısmını ayıklayabiliriz. substr metodu 2 parametre alır:

substr(baslangic_indeksi, ayiklanacak_parcanin_uzunlugu);

Örneğin;

 Çıktısı :  satek B

Eğer ikinci parametre yazılmaz ise başlangıç indeksten başlar ve string değerin sonuna kadar ayıklar.

Eğer ilk parametre negatif ise index konumu string değerin sonundan sayılır. Örneğin;

 Çıktısı :  g Si

JavaScript string metodları bu şekilde. Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

JavaScript Nesneler ve Nesne Tabanlı Programlama

Yeni bir yazımda görüşmek üzere.

Kaynaklar : www.w3schools.com

Yorum Yazın

E-BÜLTEN ABONELİĞİ

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.