javascript Düzenli ifadeler -8 split() Methodu

Genellikle "regex" veya "RegExp" olarak bilinen Düzenli İfadeler, metindeki kalıpları bulmak için kullanılan özel olarak biçimlendirilmiş metin dizeleridir. Düzenli ifadeler, etkili ve verimli metin işleme ve manipülasyonlar için günümüzde mevcut olan en güçlü araçlardan biridir. Örneğin, kullanıcı tarafından girilen isim, e-posta, telefon numarası vb. Gibi veri formatının doğru olup olmadığını doğrulamak, metin içeriği içinde eşleşen dizeyi bulmak veya değiştirmek için kullanılabilir.

Bir dizenin tüm oluşumlarını değiştirmek, genellikle bir JavaScript uygulamasında yapmamız gereken bir şeydir.

JavaScript split() methodu, bir dizeyi bir dizi alt dizeye böler. Bu alt dizeler yeni bir diziye eklenir. split(), yeni alt dizi, dizisini döndürür. Yani anlatmak istediğimiz split() methodu bir metni parçalara ayırır.

Not: split() method, orijinal dizeyi değiştirmez.

Programlama yaparken, daha büyük bir dizeden metin almanız gereken durumlarla karşılaşmak yaygındır. Bir kullanıcının adını ve soyadını bir dizeden ayrı olarak almak istediğinizi varsayalım. Bu bilgiyi bir dizgeden nasıl alırdınız?

JavaScript split() methodun devreye girdiği yer burasıdır. split() bir dizeyi bir alt dizeler listesine böler. Bu makalede, örneklere atıfta bulunarak split() methodun nasıl kullanılacağını anlataacağız.

Sözdizimi:

separator: İsteğe bağlı. Dizeyi bölmek için kullanılacak karakteri veya Düzenli ifadeyi belirtir. Atlanırsa, tüm dize döndürülür (yalnızca bir öğe içeren bir dizi)

limit: İsteğe bağlı. Bölme sayısını belirten bir tamsayı, bölme sınırından sonraki öğeler diziye dahil edilmeyecektir.

Ayırıcısız Split() method

Herhangi bir ayırıcı kullanmasak, Kaynak dize orijinal dizesi olarak dönecektir.

var str = "merhaba js dünyası"; 

var res = str.split();

console.log(res);

ÇIKTI:

Ayırıcılı Split() methodu

Ayırıcı ile bölünmüş dize, Aşağıdaki kod, dizeyi boşluk ayırıcıya göre böler.

var str = "merhaba js dünyası";

var res = str.split(" ");

console.log(res);

ÇIKTI:

Ayırıcı ve Limitli Split() methodu

Dönüş sonuçlarının uzunluğunu sınırlamaya yardımcı olan limit sayısını belirtebiliriz.

var str = "merhaba js dünyası";

var res = str.split(" ",2);

console.log(res);

ÇIKTI:

ÖRNEK:

Kısa çizgili bir string verilsin. Bu stringi '-' sınırlayıcısını kullanarak bir diziye bölelim:

let str = 'reactjs-css-php';
let arr = str.split('-');

console.log(arr);

ÇIKTI:

ÖRNEK:

Dizenin her karakterini dizinin ayrı bir öğesine yazalım:

let str = 'abcd';
let arr = str.split('');

console.log(arr);

ÇIKTI:

ÖRNEK:

Şimdi, bir dizeyi sayılarla bölmek için split() methodu kullanılır. Sonucun bir dizi ['1', '2', '3', '4'] olduğunu, [1, 2, 3, 4] sayı dizisi olmadığını unutmayın:

let str = '1234';
let arr = str.split('');

console.log(arr);

ÇIKTI:

ÖRNEK:

Dizedeki karakterleri tersine çevirelim. Bunu yapmak için, '' ayırıcısıyla split() methodu kullanarak dizeyi bir diziye bölün (bu, dizenin her karakterini dizinin ayrı bir öğesine yerleştirir), reverse() methodu kullanarak bu diziyi tersine çevirin ve ardından join() methodu kullanarak ters diziyi geri birleştirin :

let str = '12345678';
let result = str.split('').reverse().join('');

console.log(result);

ÇIKTI:

ÖRNEK:

Rakamlarla bir dize verilir. Bu dizedeki rakamların toplamını bulalım. Bunu yapmak için, dizeyi bir diziye bölelim ve sonra bu dizi üzerinde yineleyelim ve toplamını bulalım. Bizi bir numara bekliyor: split() methodu , dizeleri döndürür, bu nedenle, toplama yaparken, Number() methodu kullanarak bu dize basamaklarını gerçek sayılara dönüştürürüz :

let str = '123456';
let arr = str.split('');
let sum = 0;

for (let i = 0; i < arr.length; i++) {
	sum += Number(arr[i]);
}

console.log(sum);

ÇIKTI: