Gruplar, Yakalamalar ve Replace
Gruplarla metin parçalarını yakalayın, adlandırılmış grupları kullanın, tüm eşleşmeler üzerinde yineleyin ve geri başvurularla ya da bir işlevle güvenli değiştirmeler yapın.
Gruplar, Yakalamalar ve Replace, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 3 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 3 dersten oluşur.
Gruplar neden kullanılır?
Amaç: Metni ayıklamak ve yeniden şekillendirmek.
- Yakalama grupları: (...)
- Adlandırılmış gruplar: (?<name>...)
- Tüm sonuçlar üzerinde döngü kurmak için matchAll
- $1 veya bir işlevle replace
Numaralı gruplar
Parçaları yakalamak için (...) kullanın. Bunlara dizinleriyle erişin: m[1], m[2], ...
// Capture YYYY-MM-DD into groups
const r = /(\\d{4})-(\\d{2})-(\\d{2})/;
const m = r.exec("Today: 2025-09-26");
if (m) {
console.log("year:", m[1], "month:", m[2], "day:", m[3]);
} else {
console.log("no match");
}
Adlandırılmış gruplar
Adlandırılmış gruplar, m.groups.name aracılığıyla okunabilir anahtarlar ekler.
// Named groups make code clearer
const rx = /(?<y>\\d{4})-(?<m>\\d{2})-(?<d>\\d{2})/;
const hit = rx.exec("Release 2024-01-05");
if (hit) {
console.log("y:", hit.groups.y, "m:", hit.groups.m, "d:", hit.groups.d);
}
Eşleşmeler üzerinde yineleme
matchAll bir yineleyici döndürür; her eşleşme üzerinde döngü kurmak ve grupları okumak için bunu g ile kullanın.
// matchAll with the g flag to get every match and groups
const text = "IDs: A-12, B-7, C-300";
const pattern = /([A-Z])-(\\d+)/g;
for (const match of text.matchAll(pattern)) {
console.log("letter:", match[1], "num:", match[2]);
}
Gruplarla değiştirme
replace, yeni metni oluşturmak için $1, $2 veya bir geri çağırma işlevi kullanabilir.
// Replace order: "2025-09-26" -> "26/09/2025"
const date = "2025-09-26";
// With backreferences
const swapped1 = date.replace(/(\\d{4})-(\\d{2})-(\\d{2})/, "$3/$2/$1");
console.log("swap1:", swapped1);
// With a function for more control
const swapped2 = date.replace(/(?<y>\\d{4})-(?<m>\\d{2})-(?<d>\\d{2})/, function (_all, _y, _m, _d, groups) {
return groups.d + "/" + groups.m + "/" + groups.y;
});
console.log("swap2:", swapped2);
İpuçları ve tuzaklar
İpuçları:
- Tüm eşleşmelere ihtiyacınız olduğunda g ekleyin (matchAll kullanın).
- Anlaşılırlık için adlandırılmış grupları tercih edin.
- Kalıpları küçük tutun; kısa örnek dizelerde test edin.
matchAll temelleri testi
Hızlı kontrol: Gruplarla tüm eşleşmeler üzerinde yineleme.
Özet
Özet: (...) ile yakalayın, anlaşılırlık için adlandırılmış grupları kullanın, matchAll ile tüm eşleşmeler üzerinde döngü kurun ve geri başvurular veya bir geri çağırma işleviyle replace kullanarak metni yeniden şekillendirin.
Sıkça Sorulan Sorular
“Gruplar, Yakalamalar ve Replace” dersi ücretsiz mi?
Evet — “Gruplar, Yakalamalar ve Replace” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 3 dersten oluşur.
“Gruplar, Yakalamalar ve Replace” dersinde ne öğreneceğim?
Gruplarla metin parçalarını yakalayın, adlandırılmış grupları kullanın, tüm eşleşmeler üzerinde yineleyin ve geri başvurularla ya da bir işlevle güvenli değiştirmeler yapın. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 2. dersidir.
“Gruplar, Yakalamalar ve Replace” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Düzenli İfade Temelleri — Sabitler, test, Çapalar ve Bayraklar
- Gruplar, Yakalamalar ve Replace
- Doğrulama ve Küçük Tuzaklar