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:

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.

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:

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: