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:

string.split(separator, limit)

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:

"merhaba js dünyası"

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:

["merhaba", "js", "dünyası"]

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:

["merhaba", "js"]

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

["reactjs", "css", "php"]

ÖRNEK:

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


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

console.log(arr);

ÇIKTI:

["a", "b", "c", "d"]

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

['1', '2', '3', '4']

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

'87654321'

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

21
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.

6894

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML FORM OLUŞTURMA
  • HTML DİV ve SPAN NEDİR?
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • CSS YATAY MENÜ YAPIMI
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
  • HTML KAYAN RESİM VE Marguee KULLANIMI
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.