JavaScript'te Regular Expressions ile String İşlemleri

Adı : JavaScript'te Regular Expressions ile String İşlemleri

JavaScript dilinde metinlerin işlenmesinde ihtiyaç duyulan en önemli araçlardan biri Regular Expression (Düzenli İfadeler) konusudur. Bu teknik, metinlerde belirli bir kalıbı aramak, eşleştirmek veya değiştirmek için kullanılır. Bu yazıda, JavaScript'te düzenli ifadelerin farklı kullanımlarını, sembolleri ve belirli örneklerini ele alacağız.
Regular Expression Nedir?
Düzenli ifadeler, metinleri işlemek için kullanılan bir dizgi deseni veya kalıbıdır. Bu kalıplar, metinleri eşleştirmek, aramak veya değiştirmek için kullanılabilir. Regular Expression, JavaScript'te bir objedir ve RegExp() fonksiyonu ile oluşturulabilir.
RegExp İfadesi Oluşturma
Düzenli ifadeler, RegExp() constructor'ı aracılığıyla oluşturulabilir. Bu constructor, regex sembolünü ve bir modifikasyonu gösteren iki parametreyi kabul eder.
var regex = new RegExp(regex sembolü, mod)
örneğin, test ifadesiyle eşleşen bir desen oluşturmak istiyoruz, bunu aşağıdaki gibi yapabiliriz:
var regex = new RegExp(test, g)
Semboller
Düzenli ifadeleri oluşturmak için özel semboller kullanılır. Aşağıdaki tabloda, JS'de kullanılan sembolleri ve anlamlarını açıklıyoruz.
| Sembol | Açıklama |
|--------------------|----------------------------------------------------------|
| ^ | Metnin başlangıcına eşleşir. |
| $ | Metnin sonuna eşleşir. |
| . | Herhangi bir karakterle eşleşir. |
| * | Karakter veya desenin sıfır veya daha fazla tekrarına eşleşir.|
| + | Karakter veya desenin bir veya daha fazla tekrarına eşleşir.|
| \\ | Sonraki karakterin anlamını değiştirir. |
| ( ) | Gruplamak için kullanılır. |
| [ ] | Karakter kümesi belirtmek için kullanılır. |
| { } | {n,m} karakterinin n veya daha fazla, en fazla m kez tekrarlaması için kullanılır.|
| \\| | Alternatif seçenekleri belirler. |
| ? | Önceki karakterin bir veya sıfır tekrarına eşleşir. |

Örnekler
Aşağıda, JS'de düzenli ifadelerin farklı kullanımları için bazı örnekler ve açıklamalarını paylaştık:
1. ^ ve $
Bu semboller, metnin başlangıcına ve sonuna sırasıyla eşleşir. Örneğin, /^Hello/ ifadesi Hello ile başlayan bir metni eşleştirir ve /ro$/ ifadesi ro ile biten bir metni eşleştirir.
örnek:
var regex = /^Hello/g
var str = Hello World
console.log(str.match(regex))
2. .
'.' sembolü, metindeki herhangi bir karakterle eşleşir. Örneğin, /a.p/ ifadesi a harfi ile başlayan, p harfi ile biten ve aralarında herhangi bir karakter olan metni eşleştirir.
Örnek:
var regex = /a.p/g
var str = apple
console.log(str.match(regex))
3. *
'*' sembolü, karşılaştırılan karakterlerin sıfır veya daha fazla tekrarına eşleşir. Örneğin, /go*d/g ifadesi gd, gold ve good kelimeleriyle eşleşir.
Örnek:
var regex = /go*d/g
var str1 = gd
var str2 = gold
var str3 = good
console.log(str1.match(regex), str2.match(regex), str3.match(regex))
4. +
'+' sembolü, karşılaştırılan karakterin bir veya daha fazla tekrarını gerektirir. Örneğin, /go+d/g ifadesi gold ve good kelimeleriyle eşleşir ancak gd kelimesiyle eşleşmez.
Örnek:
var regex = /go+d/g
var str1 = gd
var str2 = gold
var str3 = good
console.log(str1.match(regex), str2.match(regex), str3.match(regex))
5. \\
'\\' sembolü, diğer sembollere anlam kazandırmak için kullanılır. Örneğin, /s\\./ ifadesi, s. kelimeleriyle eşleşir çünkü '.' sembolü normalde herhangi bir karakterle eşleşir, ancak '\\' sembolü ondan sonra gelen '.' sembolünü bir karakter olarak ele alır.
Örnek:
var regex = /s\\./g
var str1 = s.
var str2 = sp
console.log(str1.match(regex), str2.match(regex))
6. ( ) ve \\1, \\2, \\3...
'( )' sembolleri, gruplama ve alt ifadeler oluşturma için kullanılır. \\1, \\2, \\3 vb. ise eşleşen grupları referanslamak için kullanılır. Örneğin, /(.)\\1/ ifadesi bb, dd ve ff desenleriyle eşleşir.
Örnek:
var regex = /(.)\\1/g
var str1 = aabbaaddff
console.log(str1.match(regex))

7. [ ]
'[]' sembolleri, karakter kümesi belirlemek için kullanılır. Örneğin, /[abc]/ ifadesi metindeki a, b veya c harfleriyle eşleşir.
Örnek:
var regex = /[abc]/g
var str1 = hello
var str2 = world
var str3 = hola
console.log(str1.match(regex), str2.match(regex), str3.match(regex))
8. { } ve {n,m}
'{ }' sembolleri belirli bir tekrar sayısını belirlemek için kullanılır. {n,m} karakteri ise, 'n' sayısından daha fazla tekrarı olan ve 'm' sayısından daha az tekrarı olan karakterlerle eşleşir. Örneğin, /a{2,4}/ ifadesi aa, aaa ve aaaa karakterlerinin tamamıyla eşleşir.
Örnek:
var regex = /a{2,4}/g
var str1 = aaabbbaaa
var str2 = hello
var str3 = aaaa
console.log(str1.match(regex), str2.match(regex), str3.match(regex))
9. \\| sembolü
'\\|' sembolü, alternatif seçenekleri belirtmek için kullanılır. Örneğin, /hello\\|world/ ifadesi, hello veya world kelimeleriyle eşleşir.
Örnek:
var regex = /hello\\|world/g
var str1 = hello
var str2 = world
var str3 = hi
console.log(str1.match(regex), str2.match(regex), str3.match(regex))
10. ? sembolü
'?' sembolü, önceki karakterin bir veya sıfır tekrarıyla eşleşir. Örneğin, /colo?r/ ifadesi color ve colour kelimeleriyle eşleşir.
Örnek:
var regex = /colo?r/g
var str1 = color
var str2 = colour
var str3 = hello
console.log(str1.match(regex), str2.match(regex), str3.match(regex))

JavaScript'te Düzenli ifadeler oldukça kullanışlı bir araçtır. Yukarıdaki örnekler, kodunuzu nasıl oluşturacağınızı ve nasıl kullanabileceğinizi açıklamalı olarak gösterir. Bu sembolleri anlama ve kullanma, metinlerde eşleşen, aranan veya değiştirilen verileri bulmanıza, metodlarınızı optimize etmenize ve işinizi hızlandırmanıza yardımcı olabilir.