JavaScript String Metotları

Length Özelliği – Metnin Uzunluğunu Alma

String değişken ve ifadelerin kaç karakter uzunlukta olduğunu verir.

var isim = “İsmail Ertuna”;

var a = isim.length;

Bu örnekte a değişkeninin değeri 13 olacaktır.

indexOf Metodu - Metin İçinde Arama Yapma

Bir string içerisinde başka bir ifadeyi arayarak, o ifade var ise başladığı karakterin numarasını verir. İlk karakterin numarasının 0 olduğu unutulmamalıdır. Eğer aranan ifade bulunamazsa -1 değeri verir.

Aranan ifade tek bir karakter ya da uzun bir ifade olabilir. Aranan ifade birden fazla kez geçiyorsa ilk bulunan eşleşme için sonuç döndürülür.

var isim = “İsmail Ertuna”;

var a = isim.indexOf(“ma”);

Bu örnekte a değişkeninin değeri 2 olacaktır.

lastIndexOf Metodu - Metin İçinde Arama Yapma

indexOf metodundan farkı aranan ifade birden çok geçiyorsa son eşleşme için sonuç döndürmesidir.

Eğer aranan ifade bulunamazsa -1 değeri verir.

var isim = “Fikret Çetin”;

var a = isim.lastIndexOf(“e”);

Bu örnekte a değişkeninin değeri 8 olacaktır.

Search Metodu – Metin İçinde Arama Yapma

indexOf metodu aynı şekilde kullanılır ve aynı sonucu verirler.

Search metodu özellikle Regular Expressions işlemlerinde çok kullanılan bir metottur.

var isim = “Hakan Kara”;

var a = isim.search(“kan”);

Bu örnekte a değişkeninin değeri 2 olacaktır.

Slice Metodu – Metnin Parçasını Alma

Başlangıç ve bitiş index numaraları verilerek bir string içerisinden parça almaya yarar.

var isim = “telefon, tablet, bilgisayar”;

var a = isim.slice( 9 , 15 );

Bitiş index numarasındaki karakter sonuca dahil edilmez.

Bu örnekte a değişkeninin değeri “tablet” olacaktır. Boşluklar, virgül, nokta gibi her türlü ifadenin bir karakter olduğunu unutmayınız.

Bitiş index numarası belirtilmez ise metnin sonuna kadarki kısmı alır.

var isim = “telefon, tablet, bilgisayar”;

var a = isim.slice( 9 );

Bu örnekte a değişkeninin değeri “tablet, bilgisayar” olacaktır.

Negatif parametre kullanırsak index numarası sondan başa doğru sayılarak hesaplanır.

var isim = “telefon, tablet, bilgisayar”;

var a = isim.slice( -10, -5 );

Bu örnekte a değişkeninin değeri “bilgi” olacaktır.

Tek bir negatif parametre kullanılırsa, sondan uzaklığı belirtilen karakterden başlayarak metnin sonuna kadarki kısmı alır.

var isim = “telefon, tablet, bilgisayar”;

var a = isim.slice( -10 );

Bu örnekte a değişkeninin değeri “bilgisayar” olacaktır.

Substring Metodu – Metnin Parçasını Alma

Slice metodu ile aynıdır. Tek farkı negatif parametre almamasıdır.

var isim = “telefon, tablet, bilgisayar”;

var a = isim.substring( 9 , 15 );

Bitiş index numarasındaki karakter sonuca dahil edilmez.

Bu örnekte a değişkeninin değeri “tablet” olacaktır.

Bitiş index numarası belirtilmez ise metnin sonuna kadarki kısmı alır.

var isim = “telefon, tablet, bilgisayar”;

var a = isim. substring( 9 );

Bu örnekte a değişkeninin değeri “tablet, bilgisayar” olacaktır.

Substr Metodu – Metnin Belli Bir Uzunluktaki Parçasını Alma

Slice ve substring metotlarına benzer. Aradaki fark ikinci parametrenin alınacak metin parçasının kaç karakter uzunlukta olacağını belirtmesidir.

var isim = “telefon, tablet, bilgisayar”;

var a = isim. substr( 0, 7 );

Bu örnekte a değişkeninin değeri “tablet, bilgisayar” olacaktır. Çünkü 0 nolu karakterden başlanarak 7 karakterlik metin parçası alınacaktır.

İlk parametre negatif olursa karakterin yeri sondan başlanarak belirlenir.

İkinci parametre negatif olamaz.

İkinci parametre kullanılmaz ise belirtilen yerden metnin sonuna kadarki kısmı alınır.

Replace Metodu – Metin Bulma ve Değiştirme

Bir ifade arayıp, o ifadeyi başka bir metin ile değiştirmeye yarar.

var metin  = “telefon, tablet, bilgisayar”;

var yeniMetin = metin. replace( “tablet”, “notebook” );

document.getElementById("sonuc").innerHTML = yeniMetin;

Bu örnekte sonuç isimli html elemanının içine “telefon, notebook, bilgisayar” yazılacaktır.

Replace metodu, aranan ifade birden fazla geçiyorsa sadece ilk bulduğu eşleşmeyi değiştirir. Tüm eşleşmelerin değiştirilmesi için g işareti kullanılabilir:

var metin  = “bilgisayar, bilişim, bilgi”;

var yeniMetin = metin. replace( /bil/g, “ABC” );

Bu örnekte bulunan tüm “bil” ifadelerinin yerine “ABC” konacaktır.

Metni Büyük veya Küçük Harfe Çevirme

toUpperCase metodu ile metni büyük harfe, toLowerCase metodu ile küçük harfe çevirebiliriz.

var metin  = “Web Tasarımı ve Programlama Dersleri”;

var buyukMetin  = metin.toUpperCase();

var kucukMetin  = metin.toLowerCase();

Concat Metodu – Metin Birleştirme

+ operatörü ile de yapabildiğimiz metin birleştirme işlemi için kullanılır. Birlikte kullanıldığı stringe, parametre olarak aldığı metinleri ekler.

var metin1  = “Web Tasarımı”;

var metin2 = “Programlama”;

var metin3 = metin1.concat(“ ve “, metin2 );

Bu örnekte metin3 değişkeni “Web Tasarımı ve Programlama” olacaktır.

Concat metodu ile istediğimiz sayıda parametre kullanabiliriz. Belirttiğimiz tüm stringler birleştirilecektir.

charAt Metodu – İndex Numarasına Göre Karakter Bulma

Belirtilen index numarasında yer alan karakteri verir. İndex numaralarının 0’dan başladığını bir kez daha hatırlatalım.

var metin  = “JavaScript Dersleri”;

var harf = metin.charAt( 0 );

Bu örnekte harf değişkeni “J” olacaktır.

charCodeAt Metodu – İndex Numarasına Göre Karakterin Unicode Değerini Bulma

Belirtilen index numarasında yer alan karakterin Unicode değerini verir.

var metin  = “JavaScript Dersleri”;

var harf = metin.charCodeAt( 0 );

Bu örnekte harf değişkeni 74 olacaktır. Çünkü J harfinin Unicode değeri 74’tür.

Split Metodu – Metni Diziye Çevirme

Split metodu ile istenilen metin diziye çevrilebilir. Kullanılan parametre ile metnin nasıl parçalanacağı belirtilir.

Metnin her karakterini ayrı ayrı alarak diziye dönüştürmek için:

var metin  = “JavaScript Dersleri”;

var dizi = metin.split( “” );

Metni boşluk karakterlerinden ayırarak diziye dönüştürmek için:

var metin  = “JavaScript Dersleri”;

var dizi = metin.split( “ ” );

Örnekler çoğaltılabilir:

var metin  = “telefon, tablet, bilgisayar”;

var dizi = metin.split( “,” );

 

javascript string fonksiyonları ve metotları, metnin parçasını alma, string metni diziye dönüştürme, metin bulma ve değiştirme, javascript string metodu örnekleri

KONU İLE İLGİLİ ÖRNEKLER

Bu konu ile ilgili örnek bulunmamaktadır.



YORUMLAR




37781  kez okundu.

Online Kullanıcı Sayısı 473



JavaScript-String-Metotları