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

Bir dizenin tüm oluşumlarını değiştirmek, genellikle bir JavaScript uygulamasında yapmamız gereken bir şeydir.

Bu makalede, bir JavaScript uygulamasında bir dizenin tüm oluşumlarını nasıl değiştireceğimize bakacağız.

String.prototype.replaceAll Methodu ES2021 beri JavaScript dizeleri bir parçası olarak kullanılabilen bir yeni methoddur.

Chrome, Edge veya Firefox gibi birçok yeni tarayıcı tarafından desteklenmektedir.

Sözdizimi:

replaceAll(substr, newSubstr)

substr: İlk argüman, değiştirmek istediğimiz dizedir.

newSubstr: İkinci argüman, onu değiştirmek istediğimiz dizgedir.


Bu Neden Olur?

TypeError: replaceAll is not a function" hatasını görüyorsanız , bunun nedeni, kullandığınız tarayıcı sürümü (veya Node.js sürümü ) tarafından uygulanmayan/desteklenmeyen method olabilir.

Not: String.prototype.replaceAll() methodu ES2021 / ES12 ilave edildi.

Sorun Nasıl Düzeltilir?

,

String.prototype.replaceAll() ve String.prototype.replace() methodu, global ("g") bayrağı ayarlanmış bir Düzenli ifadeyle kullanabilirsiniz. Aynı şekilde çalışır ve harika bir tarayıcı desteğine sahiptir.



const str = 'js öğrenin. js çalışın.';

// Eski tarayıcılar
const result1 = str.replace(/js/g, 'reactjs');

// ES12 Destekleyen Tarayıcı
const result2 = str.replaceAll('js', 'reactjs');

console.log(result1);
console.log(result2);

ÇIKTI:

reactjs öğrenin. reactjs çalışın.
reactjs öğrenin. reactjs çalışın.

ÖRNEK 2:


const message = 'css öğren, css çalış, css size güç verecek!';

const result = message.replaceAll('css','js');

console.log(result);

ÇIKTI:

js öğren, js çalış, js size güç verecek!

Bir dizgedeki alt dizginin tüm oluşumlarını büyük/küçük harflerinden bağımsız olarak değiştirmek istiyorsanız, "gi" bayraklarla birlikte normal bir ifade kullanırsınız:


const message = 'Css öğren, CSS çalış, css size güç verecek!';

const result = message.replaceAll(/CSS/gi,'js');

console.log(result);

ÇIKTI:

js öğren, js çalış, js size güç verecek!
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.

4286

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