JS Eğitimi

ANA SAYFA JS Giriş JS Nereye JS Çıktı JS İfadeleri JS Sözdizimi JS Yorumları JS Değişkenleri JS Let JS Sabiti JS Operatörleri JS Aritmetiği JS Ataması JS Veri Türleri JS Fonksiyonları JS Nesneleri JS Etkinlikleri JS Dizeleri JS Dize Yöntemleri JS Dizisi Arama JS Dize Şablonları JS Numaraları JS Numarası Yöntemleri JS Dizileri JS Dizi Yöntemleri JS Dizi Sıralaması JS Dizi Yineleme JS Dizi Sabiti JS Tarihleri JS Tarih Formatları JS Tarih Alma Yöntemleri JS Tarih Ayar Yöntemleri JS Matematik JS Rastgele JS Booleanları JS Karşılaştırmaları JS Koşulları JS Anahtarı JS Döngüsü İçin JS Döngüsü İçin JS Döngüsü JS Döngüsü JS Arası JS Yinelenebilirler JS Setleri JS Haritaları JS Türü JS Tipi Dönüşüm JS Bitsel JS Normal İfade JS Hataları JS Kapsamı JS Kaldırma JS Sıkı Modu Bu Anahtar Kelimeyi JS JS Ok İşlevi JS Sınıfları JS JSON JS Hata Ayıklama JS Stil Kılavuzu JS En İyi Uygulamaları JS Hataları JS Performansı JS Ayrılmış Kelimeler

JS Sürümleri

JS Sürümleri JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Kenar JS Geçmişi

JS Nesneleri

Nesne Tanımları Nesne Özellikleri Nesne Yöntemleri Nesne Görüntüleme Nesne Erişimcileri Nesne Oluşturucuları Nesne Prototipleri Nesne Yinelenebilirler Nesne Kümeleri Nesne Haritaları Nesne Referansı

JS Fonksiyonları

Fonksiyon Tanımları Fonksiyon Parametreleri Fonksiyon Çağırma İşlev Çağrısı İşlev Uygula Fonksiyon Kapanışları

JS Sınıfları

Sınıf Tanıtımı Sınıf Kalıtımı Sınıf Statik

JS Zaman uyumsuz

JS Geri Aramaları JS Asenkron JS Sözleri JS Zaman uyumsuz/Bekliyor

JS HTML DOM'si

DOM Tanıtımı DOM Yöntemleri DOM Belgesi DOM Öğeleri DOM HTML'si DOM Formları DOM CSS'si DOM Animasyonları DOM Olayları DOM Olay Dinleyicisi DOM Gezinme DOM Düğümleri DOM Koleksiyonları DOM Düğüm Listeleri

JS Tarayıcı Malzeme Listesi

JS Penceresi JS Ekranı JS Konumu JS Geçmişi JS Navigatörü JS Açılır Pencere Uyarısı JS Zamanlaması JS Çerezleri

JS Web API'leri

Web API'sine Giriş Web Formları API'sı Web Geçmişi API'si Web Depolama API'sı Web Çalışanı API'si Web Getirme API'sı Web Coğrafi Konum API'sı

JS AJAX

AJAX'a Giriş AJAX XMLHttp AJAX İsteği AJAX Yanıtı AJAX XML Dosyası AJAX PHP AJAX ASP AJAX Veritabanı AJAX Uygulamaları AJAX Örnekleri

JS JSON

JSON'a Giriş JSON Sözdizimi JSON'a karşı XML JSON Veri Türleri JSON Ayrıştırma JSON Stringify JSON Nesneleri JSON Dizileri JSON Sunucusu JSON PHP JSON HTML'si JSON JSONP

JS ve jQuery

jQuery Seçiciler jQuery HTML'si jQuery CSS'si jQuery DOM'si

JS Grafikleri

JS Grafikleri JS Tuval JS Konusu JS Chart.js JS Google Grafiği JS D3.js

JS Örnekleri

JS Örnekleri JS HTML DOM'si JS HTML Girişi JS HTML Nesneleri JS HTML Olayları JS Tarayıcı JS Editörü JS Alıştırmaları JS Testi JS Sertifikası

JS Referansları

JavaScript Nesneleri HTML DOM Nesneleri


JavaScript Normal İfadeleri


Normal ifade, bir arama kalıbı oluşturan bir karakter dizisidir.

Arama düzeni, metin arama ve metin değiştirme işlemleri için kullanılabilir.


Normal İfade Nedir?

Normal ifade, bir arama kalıbı oluşturan bir karakter dizisidir .

Bir metinde veri aradığınızda, aradığınız şeyi açıklamak için bu arama modelini kullanabilirsiniz.

Normal ifade, tek bir karakter veya daha karmaşık bir kalıp olabilir.

Normal ifadeler, her tür metin arama ve metin değiştirme işlemlerini gerçekleştirmek için kullanılabilir.

Sözdizimi

/pattern/modifiers;

Örnek

/w3schools/i;

Örnek açıkladı:

/w3schools/i   normal bir ifadedir.

w3schools   bir kalıptır (aramada kullanılacaktır).

i   bir değiştiricidir (aramayı büyük/küçük harfe duyarlı olmayacak şekilde değiştirir).


Dize Yöntemlerini Kullanma

JavaScript'te normal ifadeler genellikle iki dize yöntemiyle kullanılır : search()ve replace().

Yöntem search(), bir eşleşme aramak için bir ifade kullanır ve eşleşmenin konumunu döndürür.

Yöntem replace(), kalıbın değiştirildiği değiştirilmiş bir dize döndürür.


Dize aramasını () bir Dize ile Kullanma

Yöntem search(), belirtilen bir değer için bir dize arar ve eşleşmenin konumunu döndürür:

Örnek

Bir dizede "W3schools" araması yapmak için bir dize kullanın:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

n cinsinden sonuç şöyle olacaktır:

6


String search()'i Normal Bir İfadeyle Kullanma

Örnek

Bir dizede "w3schools" için büyük/küçük harfe duyarlı olmayan bir arama yapmak için normal bir ifade kullanın:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

n cinsinden sonuç şöyle olacaktır:

6



String replace()'i String ile Kullanmak

Yöntem replace(), belirtilen bir değeri bir dizedeki başka bir değerle değiştirir:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

Normal İfadeyle String replace() kullanın

Örnek

Bir dizede Microsoft'u W3Schools ile değiştirmek için büyük/küçük harfe duyarsız bir normal ifade kullanın:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

Res cinsinden sonuç şöyle olacaktır:

Visit W3Schools!

Fark ettin mi?

Yukarıdaki yöntemlerde normal ifade argümanları (dize argümanları yerine) kullanılabilir.
Normal ifadeler, aramanızı çok daha güçlü hale getirebilir (örneğin, büyük/küçük harfe duyarlı değildir).


Normal İfade Değiştiricileri

Değiştiriciler , büyük/küçük harfe duyarsız daha genel aramalar gerçekleştirmek için kullanılabilir:

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

Normal İfade Kalıpları

Parantezler bir dizi karakter bulmak için kullanılır:

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

Meta karakterler, özel bir anlamı olan karakterlerdir:

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

Niceleyiciler miktarları tanımlar:

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

RegExp Nesnesini Kullanma

JavaScript'te RegExp nesnesi, önceden tanımlanmış özellikleri ve yöntemleri olan bir normal ifade nesnesidir.


testi() kullanma

Yöntem test(), bir RegExp ifade yöntemidir.

Bir model için bir dize arar ve sonuca bağlı olarak doğru veya yanlış döndürür.

Aşağıdaki örnek, "e" karakteri için bir dize arar:

Örnek

const pattern = /e/;
pattern.test("The best things in life are free!");

Dizede "e" olduğu için yukarıdaki kodun çıktısı şöyle olacaktır:

true

İlk önce normal ifadeyi bir değişkene koymanız gerekmez. Yukarıdaki iki satır bire kısaltılabilir:

/e/.test("The best things in life are free!");

exec() kullanma

Yöntem exec(), bir RegExp ifade yöntemidir.

Belirtilen bir desen için bir dize arar ve bulunan metni bir nesne olarak döndürür.

Eşleşme bulunamazsa boş (boş) bir nesne döndürür.

Aşağıdaki örnek, "e" karakteri için bir dize arar:

Örnek

/e/.exec("The best things in life are free!");

RegExp Referansını Tamamlayın

Eksiksiz bir referans için, Tam JavaScript RegExp Referansımıza gidin .

Referans, tüm RegExp özelliklerinin ve yöntemlerinin açıklamalarını ve örneklerini içerir.