xranzei 1
xranzei
InfernoShade 1
InfernoShade
shrpnl 1
shrpnl
D 1
delimuratt
noisiv 1
noisiv
Manwe Work 1
Manwe Work
kralhakan2009 1
kralhakan2009
Vahsi Uzman 1
Vahsi Uzman
Cannn6161 1
Cannn6161
onur akbaş 1
onur akbaş
PrimeAC 1
PrimeAC
Mt2Hizmet 1
Mt2Hizmet
Hikaye Ekle
Reklam vermek için turkmmo@gmail.com

Altın Konu Öğrenmeniz Gereken JavaScript String Yöntemleri

Replicant

Ehlî olmuşum elemlerin
Telefon Numarası Onaylanmış Üye TC Kimlik Numarası Doğrulanmış Üye
TM Üye
Katılım
7 May 2010
Konular
10,579
Mesajlar
58,614
Çözüm
219
Online süresi
10mo 29d
Reaksiyon Skoru
16,721
Altın Konu
444
TM Yaşı
16 Yıl 1 Ay 6 Gün
Başarım Puanı
691
MmoLira
19,925
DevLira
601
Ticaret - 100%
2   0   0

ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!

javascript-strings.png

JavaScript'te programlama yaparken, genellikle dize manipülasyonu gere
Kod:
let str = "Hoşgeldiniz !"
ktiren senaryolarla karşılaşırsınız. Örneğin, bir e-posta alırken, girilen parolanın tüm koşulları karşılayıp karşılamadığını kontrol etmek için tüm karakterleri küçük harfe dönüştürmeniz veya normal bir ifade kullanmanız gerekebilir.

JavaScript dize yöntemleri, tüm bu işlemleri bir dize üzerinde gereksinimlerinize göre kolaylıkla gerçekleştirmenize yardımcı olacaktır. İşte bunları iyi kavramanıza yardımcı olacak örnekler içeren 10 dize yöntemi.

JavaScript Dize Yöntemleri Nelerdir?

Dizeler, bir dizi karakterden oluşan temel bir veri yapısıdır. Bu veri yapısı, Python, JavaScript, Java ve daha fazlası dahil olmak üzere tüm büyük programlama dillerinin bir parçasıdır.

Dize yöntemleri, geliştiricilerin kodu manuel olarak yazmaya gerek kalmadan dizeler üzerinde ortak işlemleri gerçekleştirmelerine yardımcı olan önceden oluşturulmuş JavaScript yöntemleridir. Dize değişkenine eklenen nokta gösterimi kullanılarak çalıştırılırlar.

Yalnızca JavaScript işlevleri olduklarından, her zaman isteğe bağlı argümanları tutabilen parantez ile biterler. Devam etmeden önce JavaScript'in ne olduğunu ve nasıl çalıştığını bilmek önemlidir. Haydi başlayalım ve bu yöntemleri daha ayrıntılı olarak öğrenelim.

Yaklaşan yöntemler için, örnek olarak " Hoş Geldiniz! " değerine sahip bir dize değişkeni str alalım.

Kod:
let str = "Hoşgeldiniz !"

1. String.toLowerCase() ve String.toUppperCase()

ToLowerCase () dize yöntemi dönüştürür tümü küçük biçimine verilen dize karakterler ve benzer toUpperCase () metodu dönüştürür büyük biçimine tüm karakterleri. Bu işlevler orijinal dizeyi değiştirmez.

Sözdizimi:

Kod:
toUpperCase()
toLowerCase()

Bu iki yöntemi hızlı bir örnekle inceleyelim:

Kod:
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);

Yukarıdaki kodu konsolda çalıştırdığınızda aşağıdaki çıktıyı alacaksınız:

Kod:
"hoşgeldiniz !"
"HOŞGELDİNİZ !"
"Hoşgeldiniz !"

2. Dize.concat()

Concat () metodu iki veya daha fazla dizeleri birleştirmek için kullanılır. Bunları tek bir dizede birleştirmek için bu yönteme bir veya daha fazla argüman ekleyebilirsiniz. Orijinal dizede herhangi bir değişiklik yapmaz.

Sözdizimi:

Kod:
concat(str1, str2, str3, ...)

Yeni bir dize oluşturmak için iki dizenin birleştirilmesini gösteren bir örnek:

Kod:
let str2 = " How are you?";
let newString = str.concat(str2);
console.log(newString);

Kod:
"Welcome ! How are you?"

js-concat.pngq50fitcropw750dpr1.png


3. String.indexOf() ve String.lastIndexOf()

İndexOf () yöntemi, belirtilen karakter veya alt dize mevcut olduğu ilk indeksi öğrenmek için yardımcı olur. Sol taraftan başlar ve verilen argümanın eşleşip eşleşmediğini kontrol etmek için dizeyi izler.

Sözdizimi:

Kod:
indexOf(str)

Bir örnekle dizede MUO'nun bulunduğu dizini bulalım :

Kod:
console.log(str.indexOf('MUO'));

Kod:
11

js-indexOf.pngq50fitcropw750dpr1.png


Belirtilen argüman dizede mevcut değilse, yöntem -1 değerini döndürür.

Kod:
console.log(str.indexOf('Hello'));

Kod:
-1

Benzer şekilde, lastIndexOf() yöntemi, verilen karakterin veya dizenin son oluşumunun dizinini döndürür. İşte bir örnek:

Kod:
console.log(str.lastIndexOf('e'));

Kod:
6

js-lastIndexOf.pngq50fitcropw750dpr1.png


e alfabesi dizin 1'de görünse de, bu karakterin son oluşumu dizin 6'dadır ve bu nedenle çıktı olarak döndürülür.


4. String.charAt()

CharAt () dize yöntemi dizesinde belirtilen dizindeki karakteri döndürür. Yalnızca bir argümanı kabul eder, karakterin alınacağı indeks. İndeks değeri 0 ile uzunluk - 1 arasında değişir.

Sözdizimi:

Kod:
charAt(index)

İşte charAt() yönteminin bir örneği :

Kod:
console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1));

Kod:
o
W
!

js-charAt.pngq50fitcropw750dpr1.png


Yukarıdaki örnekte, argüman olarak str.length - 1 iletildiğinde, yöntem dizgenin son karakterini döndürür. İzin verilen aralığın dışında geçersiz bir dizin girerseniz, bu yöntem -1 değerini döndürür.


5. String.charCodeAt()

CharAt yöntemine benzer şekilde, charCodeAt () metodu döndürür ASCII değerini Belirtilen dizindeki karakterin. Bu dize yöntemi, karakterin alınacağı dizin olan yalnızca bir argüman alır.

Sözdizimi:

Kod:
charCodeAt(index)

Kod:
str.charCodeAt(5);
str.charCodeAt(str.length - 1);

Kod:
109
33

js-charCodeAt.pngq50fitcropw750dpr1.png


Bir kez daha, indeks değeri 0 ile uzunluk - 1 arasında değişir ve izin verilen sınırın ötesinde bir indeks iletmeye çalışırsanız, bu yöntem -1 değerini döndürür.


6. String.replace()

Adından da anlaşılacağı gibi, replace() yöntemi, dizenin bir bölümünü başka bir bölümle değiştirmenize yardımcı olur. Bu yöntem iki argüman alır: birincisi değiştirilecek alt dize, ikincisi değiştirilecek alt dizedir. Bu yöntem, orijinal dizede herhangi bir değişiklik yapmaz.

Sözdizimi:

Kod:
replace(str1, str2)

Kelimesini değiştirmek istiyorsanız Örneğin, MUO ile bu web sitesinde dize değişkeni kullanabileceğiniz replace () böyle bir yöntem:

Kod:
let newString = str.replace("MUO", "this website");
console.log(newString);
console.log(str);

Kod:
Welcome to this website!
Welcome to MUO!

js-replace.pngq50fitcropw750dpr1.png


7. String.split()

Split () yöntemi yönteme geçirilen ayırıcı argüman başına bir dize tüm kelimeleri veya karakterleri yıkmak için kullanılır. Bu metodun dönüş tipi bir dizidir. Bu dizi, verilen ayırıcıya göre bölünmüş tüm karakterlerden veya alt dizilerden oluşur. Bu yöntem, orijinal dizeyi değiştirmez.

Sözdizimi:

Kod:
split(separator)

Örneğin, ayırma yöntemine ayırıcı argüman olarak bir boşluk (" ") iletilirse, çıktı şu şekilde görünür:

Kod:
let splitArray = str.split(" ");
console.log(splitArray);

Kod:
['Welcome', 'to', 'MUO!']

split() yöntemine bir argüman iletmezseniz, dizge değişkeninizin değerinden oluşan tek bir öğeye sahip bir dizi döndürür.

Kod:
let splitArray = str.split();
console.log(splitArray);

Kod:
['Welcome to MUO!']

js-split.pngq50fitcropw750dpr1.png


8. String.substring()

Substring () metodu esas dize bir alt veya bir kısmını elde etmek için kullanılır. Bu yöntem iki parametre alır: başlangıç dizini ve bitiş dizini. Çıktı alt dizisi, belirtilen başlangıç dizininden başlar ve bitiş dizinine - 1'e kadar yazdırır.

Sözdizimi:

Kod:
substring(startIndex, endIndex)

İşte substring() yönteminin hızlı bir örneği :

Kod:
console.log(str.substring(2,8));

Kod:
"lcome"

js-substring.pngq50fitcropw750dpr1.png


Bitiş dizinindeki karakterin çıktının bir parçası olmadığını unutmayın.

9. String.search()

search() metodu orijinal dize içinde belirli bir alt dize veya karakter bulmak için yardımcı olur. Bu yöntem, bir karakter grubunu veya alt dizeyi argüman olarak kabul eder ve dize boyunca izler. Bir eşleşme bulunduğunda, eşleşen bölümün başlangıç dizini döndürülür. Aksi takdirde, bu yöntem -1 döndürür.

Sözdizimi:


Kod:
search(substring)

Kod:
console.log(str.search("MUO"));
console.log(str.search("2"));

Kod:
11
-1

js-search.pngq50fitcropw750dpr1.png


10. String.trim()

trim() metodu ilk karakter önce ve son karakterden sonra dizesinde tüm beyaz boşluk kaldırır. Bu yöntem, herhangi bir parametre iletmenizi gerektirmez ve orijinal dizeyi değiştirmez. Formlarda kullanıcı girişi doğrulaması için son derece yararlıdır.

Sözdizimi:

Kod:
trim()

Bu dize yöntemini keşfetmek için yeni bir örnek alalım:

Kod:
let untrimmedString = "   Welcome to MUO!      ";
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString);

Kod:
"Welcome to MUO!"
"   Welcome to MUO!    "

js-trim.pngq50fitcropw750dpr1.png


Kontrol Edilecek Daha Fazla JavaScript Yöntemi

Bu, bir JavaScript geliştiricisi olarak daha üretken olmanıza yardımcı olabilecek bazı yaygın dize yöntemlerinin hızlı bir özetiydi. Bu yöntemler ayrıca, diziyle ilgili sorular için kodlama görüşmelerinizi gerçekleştirmenize yardımcı olacaktır. Alıştırma mükemmelleştirir, bu yüzden devam edin ve bu yöntemleri kendi konsolunuzda deneyin.

Dize yöntemlerini iyice öğrendikten sonra, JavaScript'teki ustalığınızı daha da geliştirebilecek bazı dizi yöntemlerine bir göz atmak faydalı olabilir.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst