javascript Düzenli ifadeler -4 match() 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.

JavaScript match() methodu, Düzenli bir ifade (genel RegExp nesnesi ) kullanarak belirli bir dizeyi arar ve bu aramanın sonuçlarını içeren bir dizi döndürür.

Düzenli ifade için global eşleşme bayrağı "g" ( global eşleşme bayrağı ) kullanılıyorsa , methodun dizede bulunan tüm bulunan eşleşmelerin bir dizisini döndürdüğünü lütfen unutmayın. "g" bayrağı kullanılmazsa, match() methodu yalnızca ilk eşleşmeyi arar ve bir dizi döndürür, bu dizinin ilk öğesi bulunan alt dizeyle eşleşir.

Sözdizimi:

string.match(regexp)

regexp: Gereklidir. Düzenli ifade olarak aranacak değer.

Düzenli ifade oluşturma

İki yoldan biriyle Düzenli bir ifade oluşturursunuz:

Eğik çizgiler arasına alınmış bir desenden oluşan bir düzenli ifade değişmezi aşağıdaki gibi kullanılır:


let re = /ab+c/i; //Gerçek gösterim

Düzenli ifade değişmezleri, komut dosyası yüklendiğinde düzenli ifadenin derlenmesini sağlar. Düzenli ifade sabit kalırsa, bunu kullanmak performansı artırabilir.

Veya RegExp nesnenin yapıcı işlevini aşağıdaki gibi çağırmak :


let re = new RegExp('ab+c', 'i')

//İlk argüman olarak dize desenli yapıcı

let re = new RegExp(/ab+c/, 'i')

//Ilk argüman olarak düzenli ifade değişmezine 
//sahip yapıcı (ECMAScript 6 ile başlayarak)

Yapıcı methodu kullanmak, düzenli ifadenin çalışma zamanı derlemesini sağlar. Düzenli ifade kalıbının değişeceğini bildiğinizde veya kalıbı bilmiyorsanız ve onu kullanıcı girişi gibi başka bir kaynaktan alıyorsanız yapıcı methodunu kullanın.

ÖRNEK: Bu örnek, "g" değiştiricili bir düzenli ifadeyi gösterir.


var data = 'merhaba bugün hava güzel. merhaba iyi insan';

var desen = /merhaba/g;

var result = data.match(desen);

console.log(result);

ÇIKTI:

["merhaba", "merhaba"]

ÖRNEK 2: Bu örnek, "i" değiştiricili bir Düzenli ifadeyi göstermektedir.


var data = 'Merhaba bugün hava güzel. Merhaba iyi insan';

var desen = /merhaba/i;

var result = data.match(desen);

console.log(result);

ÇIKTI:

["Merhaba", 
index: 0, 
input: "Merhaba bugün hava güzel. Merhaba iyi insan", 
groups: undefined]

Yukarıdaki örnekte, "merhaba" deseni verilen dizeyle eşleşecek ve eşleşmeyi bulursa anında geri dönecektir. Burada "i" parametresi, verilen dizgide büyük/küçük harfe duyarsız eşleşmeyi bulmaya yardımcı olur.

ÖRNEK: Bu örnek, hem 'g' hem de 'i' değiştiricili bir normal ifadeyi gösterir.


var data = 'merhaba bugün hava güzel. Merhaba iyi insan';

var desen = /merhaba/gi;

var result = data.match(desen);

console.log(result);


ÇIKTI:

["merhaba", "Merhaba"]

Yukarıdaki örnekte, "Merhaba" alt dizesi verilen dizeyle eşleşecek ve eşleşmeyi bulursa anında geri dönecektir. Burada "gi" parametresi, verilen dizedeki büyük/küçük harfe duyarsız eşleşmeyi VE tüm olası kombinasyonları bulmaya yardımcı olur.

ÖRNEK: 'c' harflerinden oluşan bir dizi alt dizi alalım:


let str = 'c cc ccc ccc cccc';

let res = str.match(/c+/g);
console.log(res);

ÇIKTI:

["c", "cc", "ccc", "ccc", "cccc"]

ÖRNEK: Bir dizi sayı alalım:


let str = '1 35 342 896';

let res = str.match(/\d+/g);
console.log(res);

ÇIKTI:

["1", "35", "342", "896"]

ÖRNEK: Tüm rakamların bir dizisini alalım:


let str = '0 1 23 456 789';

let res = str.match(/\d/g);	
console.log(res);

ÇIKTI:

["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"]
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.

5835

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
  • Git
  • React
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
  • CSS YATAY MENÜ YAPIMI
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML DİV ve SPAN NEDİR?
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.