Bu yazıda JavaScript’te String (Metinsel) nesneler ile çalışırken kullanabileceğiniz String fonksiyonlarını özetleyeceğim.
String nesnesi, bir dizi karakterle çalışmanıza izin verir; Javascript’in string ilkel veri türünü bir çok yardımcı fonksiyonla tamamla imkanı sunar.
JavaScript otomatik olarak string ilkelleri ve String nesneleri arasında dönüşüm yaptığından, String nesnesinin yardımcı yöntemlerinden herhangi birini dize ilkelinde çağırabilirsiniz.
İlk olarak sıklıkla kullandığımız fonksiyonlar ve özellikler ile başlayalım.
1- JavaScript length Kullanımı
length bir fonksiyon olmamasına rağmen metinsel verilerle çok sık kullanıldığı için bu başlık altında yazmak doğru olacaktır. Bir String nesnesinin uzunluğunu vermektedir.
1 2 3 4 5 6 | var adres="www.tasarimkodlama.com"; var uzunluk=adres.length; console.log(uzunluk); //22 |
2- JavaScript startsWith() Kullanımı
String nesnesinin belirtilen karakterle ile başlıyor mu kontrol eder.
1 2 3 4 5 6 7 8 9 10 11 | let str = 'JavaScript heyecan verici bir dildir'; console.log(str.startsWith('JavaScript')); // true console.log(str.startsWith('Java')); // true console.log(str.startsWith('javascript')); // false // kontrole istediğimiz bir noktadan başlayabiliriz. Opsiyonel değeri vermezsek 0 olark alır. console.log(str.startsWith('heyecan', 11)); // true console.log(str.startsWith('HEYECAN', 11)); // false |
3- JavaScript endsWith() Kullanımı
String nesnesinin belirtilen karakterler ile bitip bitmediğini kontrol eder. startsWith() fonksiyonunun tersi çalışır.
1 2 3 4 5 6 7 8 9 10 11 12 13 | let str = 'JavaScript heyecan verici bir dildir'; console.log(str.endsWith('dildir')); // true console.log(str.endsWith('dir')); // true console.log(str.endsWith('Dildir')); // false //Belirtilen uzunluğun son karakterlerini kontrol etmek mümkündür. //Her hangi bir uzunluk belirtilmezse length (uzunluk) değerine göre hesaplanır. console.log(str.endsWith('heyecan', 18)); // true console.log(str.endsWith('an', 18)); // true console.log(str.endsWith('bir', 18)); // false |
4- JavaScript indexOf(fromIndex) Kullanımı
Belirtilen değerin ilk oluşumunun çağıran String nesnesi içindeki dizini döndürerek aramayı fromIndex konumunda başlatır. Değer bulunmazsa -1 değerini döndürür.
1 2 3 4 5 6 7 8 9 | var str = 'Belirtilen değerin ilk oluşumunun çağıran Metinsel nesnesi içindeki dizini döndürerek aramayı fromIndex konumunda başlatır.'; var aranan = 'Metinsel'; var bulunanIndex = str.indexOf(aranan); console.log('Aranan "' + aranan + '" nesnesinin ilk konumu: ' + bulunanIndex); // Aranan "Metinsel" nesnesinin ilk konumu: 42 |
5- JavaScript includes() Kullanımı
Belirtilen bir karaterin string içinde olup olmadığını kontrol eder.
1 2 3 4 5 | console.log(str.includes('Script')); // true console.log(str.includes('script')); // false console.log(str.includes('array')); // false |
6- JavaScript slice() Kullanımı
Orjinal olanı değiştirmeden stringin bir belirtilen parçasını alır.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | let str = 'JavaScript heyecan verici bir dildir'; let parca=""; parca=str.slice();// Varsayılan başlangıç 0 console.log(parca); // 'JavaScript heyecan verici bir dildir' parca=str.slice(4);// Kopyalamaya 4. sıradan başlayacak console.log(parca); // 'Script heyecan verici bir dildir' parca=str.slice(0,10);// 0. indexten başlayıp 10. index e kadarlık bölümü alacaktır. console.log(parca); // 'JavaScript' |
7- JavaScript toUpperCase() Kullanımı
String ifadesini büyük harflere çevirir.
1 2 3 4 5 | let str = 'JavaScript heyecan verici bir dildir'; console.log(str.toUpperCase()); // 'JAVASCRIPT HEYECAN VERICI BIR DILDIR' |
8- JavaScript toLowerCase() Kullanımı
String ifadesinin tüm karakterlerini küçük harfe çevirir.
1 2 3 4 5 | let str = 'JavaScript heyecan verici bir dildir'; console.log(str.toLowerCase()); // 'javascript heyecan verici bir dildir' |
9- JavaScript charAt() Kullanımı
Belirtilen adresteki karakteri karakteri getirir.
1 2 3 4 5 6 7 8 | let str = 'JavaScript heyecan verici bir dildir'; console.log(str.charAt()); // 'J' console.log(str.charAt(11)); // 'h' console.log(str.charAt(4)); // 'S' console.log(str.charAt(50)); // '' |
10- JavaScript split() Kullanımı
split metinsel ifadeyi alt metinsel bir diziye dönüştürür.
1 2 3 4 5 6 7 8 9 10 | let m1 = 'JavaScript heyecan verici bir dildir'; let m2 = 'Ahmet;Mehmet;Nurettin;Sabri'; console.log(m1.split()); // ["JavaScript heyecan verici bir dildir"] console.log(m1.split(' ')); // ["JavaScript", "heyecan", "verici", "bir", "dildir"] console.log(m1.split('i')); // ["JavaScr", "pt heyecan ver", "c", " b", "r d", "ld", "r"] console.log(m2.split(';')); // ["Ahmet", "Mehmet", "Nurettin", "Sabri"] |
11- JavaScript concat() Kullanımı
Kendisine argüman olarak gönderilen ifadelerle metni birleştirir.
1 2 3 4 5 6 7 8 | let str1 = 'Merhaba'; let str2 = 'Dünya'; console.log(str1.concat(' ', str2));// "Merhaba Dünya" console.log(str2.concat(', ', str1));// "Dünya, Merhaba" |
12- JavaScript replace() Kullanımı
Belirtilen karakteri yada karaklerleri başka bir dizge ile değiştirir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | const str = 'JavaScript heyecan verici bir dildir.'; // replace() metodu büyük küçük duyarlıdır. console.log(str.replace('JavaScript', 'PHP')); // 'PHP heyecan verici bir dildir.' // büyük küçük duyarlılığı olmadan yapmak için regular exp kullanmalısınız. console.log(str.replace(/JAVASCRIPT/i, 'PHP')); // 'PHP heyecan verici bir dildir.' // replace() metodu yanlızca ilk eşleşen karakteri değiştirir. console.log(str.replace('e', 'E')); // 'JavaScript hEyecan verici bir dildir.' // tüm karakterleri değiştirmek için regular exp kullanmalısınız. console.log(str.replace(/e/g, 'E')); // 'JavaScript hEyEcan vErici bir dildir.' |
13- JavaScript repeat() Kullanımı
String nesnesinin belirtilen sayı kadar tekrarlar.
1 2 3 4 5 6 7 | const str = 'JavaScript'; console.log(str.repeat(3)); // 'JavaScriptJavaScriptJavaScript' console.log(str.repeat(1)); // 'JavaScript' console.log(str.repeat(0)); // '' |
Yorum Yap