Bugün Ustalaşmanız Gereken 10 JavaScript String Yöntemi

JavaScript'te programlama yaparken, genellikle dize manipülasyonu gerektiren 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. Bunları iyi kavramanıza yardımcı olacak örneklerle birlikte 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.

İlişkili: Programlamada Fonksiyon Nedir?

Yalnızca JavaScript işlevleri olduklarından, her zaman isteğe bağlı argümanları tutabilen parantez ile biterler. bilmek önemlidir JavaScript nedir ve nasıl çalışır daha fazla ilerlemeden önce. Hadi başlayalım ve bu yöntemleri daha ayrıntılı olarak öğrenelim.

Yaklaşan yöntemler için bir dize değişkeni alalım cadde "değeri ileMUO'ya hoş geldiniz!" Örnek olarak.

let str = "MUO'ya Hoş Geldiniz!"

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

toLowerCase() string yöntemi, verilen dizenin tüm karakterlerini küçük harf biçimine dönüştürür ve benzer şekilde, toUpperCase() yöntemi, tüm karakterleri büyük harf biçimine dönüştürür. Bu işlevler orijinal dizeyi değiştirmez.

Sözdizimi:

toUpperCase()
toLowerCase()

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

konsol.log (str.toLowerCase());
konsol.log (str.toUpperCase());
konsol.log (str);

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

"muo'ya hoş geldiniz!"
"MUO'YA HOŞ GELDİNİZ!"
"MUO'ya hoş geldiniz!"

2. dize.concat()

concat() yöntemi, iki veya daha fazla dizeyi 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:

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

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

let str2 = "Nasılsın?";
let newString = str.concat (str2);
konsol.log (newString);

"MUO'ya hoş geldiniz! Nasılsın?"

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

indeksi() yöntem, belirtilen karakterin veya alt dizenin bulunduğu ilk dizini bulmanıza 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:

indexOf (str)

hangi indekste olduğunu bulalım MUO bir örnekle dizede bulunur:

konsol.log (str.indexOf('MUO'));

11

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

konsol.log (str.indexOf('Merhaba'));

-1

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

konsol.log (str.lastIndexOf('e'));

6

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

4. String.charAt()

charAt() string yöntemi, dizede 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:

charAt (dizin)

İşte bir örnek charAt() yöntem:

konsol.log (str.charAt (9));
konsol.log (str.charAt (0));
konsol.log (str.charAt (str.length - 1));

Ö
W
!

Yukarıdaki örnekte, ne zaman str.uzunluk- 1 argüman olarak iletildi, 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, karakterKoduAt() yöntem döndürür ASCII değeri Belirtilen dizindeki karakterin. Bu dize yöntemi, karakterin alınacağı dizin olan yalnızca bir argüman alır.

Sözdizimi:

charCodeAt (dizin)

str.charCodeAt (5);
str.charCodeAt (str.uzunluk - 1);

109
33

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 geçirmeye çalışırsanız, bu yöntem -1 değerini döndürür.

6. String.replace()

Adından da anlaşılacağı gibi, değiştir() 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:

değiştir (str1, str2)

Örneğin, kelimeyi değiştirmek istiyorsanız MUO ile bu web sitesi string değişkeninde, değiştir() şöyle bir yöntem:

let newString = str.replace("MUO", "bu web sitesi");
konsol.log (newString);
konsol.log (str);

Bu web sitesine hoş geldiniz!
MUO'ya hoş geldiniz!

7. Dize.split()

Bölünmüş() yöntem, yönteme iletilen ayırıcı bağımsız değişkene göre bir dizedeki tüm sözcükleri veya karakterleri parçalamak 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:

bölme (ayırıcı)

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

let splitArray = str.split(" ");
konsol.log (splitArray);

['Hoş Geldiniz', 'to', 'MUO!']

Bir argüman iletmezseniz Bölünmüş() yöntemi, dize değişkeninizin değerinden oluşan tek bir öğeye sahip bir dizi döndürür.

izin ver splitArray = str.split();
konsol.log (splitArray);

['MUO'ya Hoş Geldiniz!']

8. dize.altdizi()

alt dize() yöntemi, orijinal dizenin bir alt dizesini 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:

alt dize (startIndex, endIndex)

İşte hızlı bir örnek alt dize() yöntem:

konsol.log (str.substring (2,8));

"gel"

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

9. Dize.arama()

arama() yöntem, orijinal dize içinde belirli bir alt dize veya karakter bulmaya 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:

arama (alt dize)

Şundan yararlanabilirsiniz: arama() yöntem şu şekilde:

konsol.log (str.search("MUO"));
konsol.log (str.search("2"));

11
-1

10. dize.trim()

kırp() method, dizedeki ilk karakterden önceki ve son karakterden sonraki tüm boşlukları 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:

kırp()

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

let untrimmedString = " MUO'ya Hoş Geldiniz! ";
let trimmedString = untrimmedString.trim();
konsol.log (kırpılmışDize);
konsol.log (kesilmemişDize);

"MUO'ya hoş geldiniz!"
" MUO'ya hoş geldiniz! "

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.

Bugün Ustalaşmanız Gereken 15 JavaScript Dizi Yöntemi

JavaScript dizilerini anlamak istiyor ancak bunlarla başa çıkamıyor musunuz? Rehberlik için JavaScript dizisi örneklerimize bakın.

Sonrakini Oku

Yazar hakkında