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. İş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.

İlgili: Programlamada Fonksiyon Nedir?

Windows 7 için masaüstü hava durumu uygulaması

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. Haydi 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 P ' değeri ile MUO'ya hoş geldiniz! ' Örnek olarak.

let str = 'Welcome to MUO!'

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

NS 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:

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:

'welcome to muo!'  
'WELCOME TO MUO!'  
'Welcome to MUO!'

2. Dize.concat()

NS concat() Yöntem, 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 = ' How are you?';  
let newString = str.concat(str2);  
console.log(newString);

'Welcome to MUO! How are you?'

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

NS 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:

console.log(str.indexOf('MUO')); 11

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

console.log(str.indexOf('Hello')); -1

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

console.log(str.lastIndexOf('e')); 6

Her ne kadar alfabe Ve 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()

NS karakter () 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(index)

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

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

o  
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, NS charCodeAt () 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(index)

str.charCodeAt(5);  
str.charCodeAt(str.length - 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 iletmeye çalışırsanız, bu yöntem -1 değerini döndürür.

6. String.replace()

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

replace(str1, str2)

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

let newString = str.replace('MUO', 'this website');  
console.log(newString);  
console.log(str);

Welcome to this website!  
Welcome to MUO!

7. Dize.split()

NS bölmek() yöntem, bir dizedeki tüm sözcükleri veya karakterleri, yönteme iletilen ayırıcı bağımsız değişkene göre parçalamak için kullanılır. Bu yöntemin dönüş türü 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:

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:

let splitArray = str.split(' ');  
console.log(splitArray);

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

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

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

['Welcome to MUO!']

8. Dize.altdizi()

NS 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:

substring(startIndex, endIndex)

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

console.log(str.substring(2,8)); 'lcome'

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

9. Dize.arama ()

NS 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:

search(substring)

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

console.log(str.search('MUO'));  
console.log(str.search('2'));

11  
-1

10. Dize.trim()

NS 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:

trim()

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

disk neden her zaman 100'de

let untrimmedString = ' Welcome to MUO! ';  
let trimmedString = untrimmedString.trim();  
console.log(trimmedString);  
console.log(untrimmedString);

'Welcome to MUO!'  
' Welcome to MUO! '

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.

Paylaş Paylaş Cıvıldamak E-posta 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 İlgili konular

Programlama
JavaScript
Kodlama İpuçları

Yazar hakkında Nitin Ranganath(31 Makale Yayınlandı)

Nitin, JavaScript teknolojilerini kullanarak web uygulamaları geliştiren hevesli bir yazılım geliştiricisi ve bilgisayar mühendisliği öğrencisidir. Serbest web geliştiricisi olarak çalışıyor ve boş zamanlarında Linux ve Programlama için yazmayı seviyor.

Nitin Ranganath'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın