Regex Test Aracı

Felaket derecesinde geri izleme ve neden Worker kullanıyoruz

JavaScript'in düzenli ifade motoru geri izlemeli bir motordur: bir yol tutmadığında geri döner ve alternatifleri dener. İç içe geçmiş niceleyiciler bu alternatiflerin sayısını girdi uzunluğuyla üstel biçimde büyütür. /^(a+)+$/ deseni klasik örnektir. Girdi tamamen a harflerinden oluşup sonunda eşleşmeyi bozan tek bir karakter varsa motor, a'ları gruplara bölmenin tüm olası yollarını denemek zorunda kalır.

1const desen = /^(a+)+$/;2 3desen.test('aaaaaaaaaa!');   // 10 a: anlık4desen.test('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa!'); // 30 a: dakikalar5 6// Neden: (a+)+ ifadesi n adet a'yı gruplara bölmenin 2^(n-1) farklı yolunu dener.7// Son karakter eşleşmediği için motor bunların HEPSİNİ tüketmek zorunda kalır.8 9// Çözüm 1: iç içe niceleyiciyi kaldırın10/^a+$/.test('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa!'); // anında false11 12// Çözüm 2: belirsizliği ortadan kaldırın13/^(?:[^a]|a)+$/ // gruplar örtüşmüyorsa geri izlenecek alternatif de kalmaz

Bu sorun ReDoS adıyla bilinen bir saldırı yüzeyidir. Kullanıcıdan gelen bir metni sunucuda böyle bir desenle eşleştiriyorsanız, saldırgan tek bir istekle işlem sürecini dakikalarca meşgul edebilir. Tarayıcıda ise sonuç daha görünürdür: sekme donar, çünkü eşleştirme ana iş parçacığında senkron çalışır ve durdurulamaz.

lastIndex durumu ve dönüşümlü sonuçlar

JavaScript'te düzenli ifadeler değişmez değer değil, durum taşıyan nesnelerdir. g veya y bayrağı varsa nesne üzerinde lastIndex adında yazılabilir bir alan bulunur ve test ile exec her başarılı eşleşmeden sonra bunu ilerletir. Aynı nesneyi bir döngü içinde tekrar tekrar kullanırsanız sonuçlar sırayla doğru ve yanlış gelir. Bu, üretimde en sık rastlanan düzenli ifade hatalarından biridir.

1const re = /ali/g;2 3re.test('ali'); // true   (lastIndex artık 3)4re.test('ali'); // false  (3. konumdan aramaya başladı, lastIndex 0'a döndü)5re.test('ali'); // true   (döngü baştan başlıyor)6 7// Modül seviyesinde tanımlanan bir desen bu yüzden tehlikelidir:8const EPOSTA = /\S+@\S+/g;9function gecerliMi(deger) {10  return EPOSTA.test(deger); // aynı girdiyle her ikinci çağrıda false11}12 13// Üç doğru yaklaşım:14const EPOSTA_DURUMSUZ = /\S+@\S+/;        // 1. g bayrağını kaldırın15EPOSTA.lastIndex = 0;                       // 2. her kullanımdan önce sıfırlayın16[...deger.matchAll(/\S+@\S+/g)];           // 3. matchAll kullanın (kopya üzerinde çalışır)

Sıfır uzunluklu eşleşme ve sonsuz döngü

Bir desen boş dizeyle eşleşebiliyorsa (a*, \b, (?:) gibi), exec döngüsü ilerlemeyi kendiliğinden yapmaz. Eşleşme uzunluğu sıfır olduğunda lastIndex aynı konumda kalır ve döngü aynı yeri sonsuza kadar okur. Bu aracın eşleştirici kodu tam da bu nedenle matchAll yerine elle yazılmış bir exec döngüsü kullanır: sıfır uzunluklu bir eşleşme gördüğünde lastIndex değerini elle bir artırır.

1const re = /a*/g;2let m;3 4// SONSUZ DÖNGÜ: 'bbb' içinde her konumda boş eşleşme bulur, ilerlemez5while ((m = re.exec('bbb')) !== null) {6  console.log(m.index, JSON.stringify(m[0])); // 0 "" ... 0 "" ... 0 ""7}8 9// DOĞRUSU: sıfır uzunluklu eşleşmede konumu elle ilerletin10while ((m = re.exec('bbb')) !== null) {11  console.log(m.index, JSON.stringify(m[0]));12  if (m[0].length === 0) {13    re.lastIndex++;14    if (re.lastIndex > 'bbb'.length) break;15  }16}

Türkçe karakterler ve noktalı i sorunu

Düzenli ifadelerdeki \w kısayolu ASCII tanımlıdır ve tam olarak [A-Za-z0-9_] kümesine karşılık gelir. Yani ş, ğ, ı, ü, ö, ç harflerinin hiçbiri \w ile eşleşmez. Türkçe metin üzerinde kelime yakalamaya çalışan \w+ deseni "çiçek" kelimesini "i" ve "ek" olarak ikiye böler. Aynı sorun \b kelime sınırı için de geçerlidir, çünkü o da \w tanımına dayanır.

1'çiçek bahçesi'.match(/\w+/g);2// ['i', 'ek', 'bah', 'esi']   <-- Türkçe harfler sınır sayıldı3 4// Çözüm 1: karakter sınıfını açıkça yazın5'çiçek bahçesi'.match(/[a-zçğıöşü]+/gi);6// ['çiçek', 'bahçesi']7 8// Çözüm 2: u bayrağı ile Unicode özellik kaçışı (en temizi)9'çiçek bahçesi'.match(/\p{Letter}+/gu);10// ['çiçek', 'bahçesi']

Asıl sinsi sorun büyük-küçük harf dönüşümündedir. Türkçe alfabede noktalı ve noktasız i ayrı harflerdir: küçük i harfinin büyüğü İ, küçük ı harfinin büyüğü I'dır. Düzenli ifade motoru ise Unicode'un varsayılan eşleme tablosunu kullanır, o tabloda i harfinin büyüğü I'dır. Sonuç olarak i bayrağı Türkçe için yanlış eşleşmeler üretir ve bu hata yalnızca içinde i geçen kelimelerde ortaya çıktığı için testlerde kolayca gözden kaçar.

Uygulama tarafında en güvenilir yaklaşım, karşılaştırmadan önce her iki tarafı da toLocaleLowerCase("tr") ile normalleştirmektir. Arama kutusu gibi kullanıcıya dönük yerlerde bu tek satır, i bayrağının üretebileceği tüm sürprizleri ortadan kaldırır. Düzenli ifadelerin temel söz dizimini ve daha fazla örneği bu sitedeki detaylı rehberde bulabilirsiniz: /blog/regex-rehberi-ve-kullanim-ornekleri

Adlandırılmış gruplar ve d bayrağı

Yakalama gruplarına indis yerine isim vermek, deseni değiştirdiğinizde kırılan match[3] benzeri erişimleri ortadan kaldırır. d bayrağı ise her grubun başlangıç ve bitiş konumlarını indices dizisi içinde verir; vurgulama veya kısmi değiştirme yaparken bu bilgiye ihtiyaç duyarsınız. Bu araç adlandırılmış grupları sonuç tablosunda ayrı sütun olarak gösterir.

1const desen = /(?<yil>\d{4})-(?<ay>\d{2})-(?<gun>\d{2})/d;2const m = desen.exec('teslim: 2026-07-26');3 4m.groups.yil;      // '2026'5m.groups.ay;       // '07'6m.indices.groups.gun; // [16, 18]  <-- d bayrağı olmadan undefined7 8// Değiştirmede de isimle erişilir:9'2026-07-26'.replace(desen, '$<gun>.$<ay>.$<yil>');10// '26.07.2026'