Bagaimana Anda menggunakan variabel dalam ekspresi reguler?

Saya ingin membuat String.replaceAll()metode dalam JavaScript dan saya berpikir bahwa menggunakan regex akan menjadi cara yang paling singkat untuk melakukannya. Namun, saya tidak tahu cara meneruskan variabel ke regex. Saya sudah bisa melakukan ini yang akan menggantikan semua instance "B"dengan "A".

"ABABAB".replace(/B/g, "A");

Tetapi saya ingin melakukan sesuatu seperti ini:

String.prototype.replaceAll = function(replaceThis, withThis) {
    this.replace(/replaceThis/g, withThis);
};

Tapi jelas ini hanya akan menggantikan teks "replaceThis"... jadi bagaimana cara saya mengirimkan variabel ini ke string regex saya?

Alih-alih menggunakan /regex/gsintaks, Anda bisa membuat objek RegExp baru :

var replace = "regex";
var re = new RegExp(replace,"g");

Anda dapat secara dinamis membuat objek regex dengan cara ini. Maka Anda akan melakukan:

"mystring".replace(re, "newstring");

Seperti yang disebutkan Eric Wendelin, Anda dapat melakukan sesuatu seperti ini:

str1 = "pattern"
var re = new RegExp(str1, "g");
"pattern matching .".replace(re, "regex");

Ini menghasilkan "regex matching .". Namun, itu akan gagal jika str1 adalah ".". Anda akan mengharapkan hasilnya "pattern matching regex", menggantikan periode dengan "regex", tetapi akan berubah menjadi ...

regexregexregexregexregexregexregexregexregexregexregexregexregexregexregexregexregexregex

Ini karena, meskipun "."adalah sebuah String, dalam konstruktor RegExp itu masih ditafsirkan sebagai ekspresi reguler, yang berarti karakter non-line-break, yang berarti setiap karakter dalam string. Untuk tujuan ini, fungsi berikut mungkin berguna:

 RegExp.quote = function(str) {
     return str.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
 };

Maka Anda dapat melakukan:

str1 = "."
var re = new RegExp(RegExp.quote(str1), "g");
"pattern matching .".replace(re, "regex");

menghasilkan "pattern matching regex".

"ABABAB".replace(/B/g, "A");

Seperti biasa: jangan gunakan regex kecuali Anda harus. Untuk penggantian string sederhana, idiomnya adalah:

'ABABAB'.split('B').join('A')

Maka Anda tidak perlu khawatir tentang masalah mengutip yang disebutkan dalam jawaban Gracenotes.

Jika Anda ingin mendapatkan SEMUA kejadian ( g), jangan peka huruf besar-kecil ( i), dan gunakan batas sehingga itu bukan kata di dalam kata lain ( \\b):

re = new RegExp(`\\b${replaceThis}\\b`, 'gi');

Contoh:

let inputString = "I'm John, or johnny, but I prefer john.";
let replaceThis = "John";
let re = new RegExp(`\\b${replaceThis}\\b`, 'gi');
console.log(inputString.replace(re, "Jack")); // I'm Jack, or johnny, but I prefer Jack.

Bagi siapa pun yang ingin menggunakan variabel dengan metode pencocokan , ini cocok untuk saya

var alpha = 'fig';
'food fight'.match(alpha + 'ht')[0]; // fight

Ini:

var txt=new RegExp(pattern,attributes);

setara dengan ini:

var txt=/pattern/attributes;

Lihat http://www.w3schools.com/jsref/jsref_obj_regexp.asp .

this.replace( new RegExp( replaceThis, 'g' ), withThis );

Anda ingin membangun ekspresi reguler secara dinamis dan untuk ini solusi yang tepat adalah menggunakan new RegExp(string)konstruktor. Agar konstruktor memperlakukan karakter khusus secara harfiah , Anda harus menghindarinya. Ada fungsi bawaan di widget jQuery UI autocomplete yang disebut $.ui.autocomplete.escapeRegex:

[...] Anda dapat memanfaatkan $.ui.autocomplete.escapeRegexfungsi bawaan. Ini akan membutuhkan argumen string tunggal dan keluar dari semua karakter regex, membuat hasilnya aman untuk diteruskan new RegExp().

Jika Anda menggunakan jQuery UI, Anda dapat menggunakan fungsi itu, atau menyalin definisi dari sumber :

function escapeRegex( value ) {
    return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
}

Dan gunakan seperti ini:

"[z-a][z-a][z-a]".replace(new RegExp(escapeRegex("[z-a]"), "g"), "[a-z]");
//            escapeRegex("[z-a]")       -> "\[z\-a\]"
// new RegExp(escapeRegex("[z-a]"), "g") -> /\[z\-a\]/g
// end result                            -> "[a-z][a-z][a-z]"

String.prototype.replaceAll = function (replaceThis, withThis) {
   var re = new RegExp(replaceThis,"g"); 
   return this.replace(re, withThis);
};
var aa = "abab54..aba".replaceAll("\\.", "v");

Uji dengan alat ini

String.prototype.replaceAll = function(a, b) {
    return this.replace(new RegExp(a.replace(/([.?*+^$[\]\\(){}|-])/ig, "\\$1"), 'ig'), b)
}

Uji seperti:

var whatever = 'Some [b]random[/b] text in a [b]sentence.[/b]'

console.log(whatever.replaceAll("[", "<").replaceAll("]", ">"))

Berikut ini adalah implementasi ReplAll lainnya:

    String.prototype.replaceAll = function (stringToFind, stringToReplace) {
        if ( stringToFind == stringToReplace) return this;
        var temp = this;
        var index = temp.indexOf(stringToFind);
        while (index != -1) {
            temp = temp.replace(stringToFind, stringToReplace);
            index = temp.indexOf(stringToFind);
        }
        return temp;
    };

Dan versi coffeescript dari jawaban Steven Penny, karena ini adalah hasil google # 2 .... bahkan jika kopi hanya javascript dengan banyak karakter dihapus ...;)

baz = "foo"
filter = new RegExp(baz + "d")
"food fight".match(filter)[0] // food

dan dalam kasus khusus saya

robot.name=hubot
filter = new RegExp(robot.name)
if msg.match.input.match(filter)
  console.log "True!"

Meskipun Anda dapat membuat RegExp yang dibuat secara dinamis (sesuai dengan respons lain terhadap pertanyaan ini), saya akan menggemakan komentar saya dari pos serupa : Bentuk fungsional dari String.replace () sangat berguna dan dalam banyak kasus mengurangi kebutuhan untuk objek RegExp yang dibuat secara dinamis. (yang agak merepotkan karena Anda harus mengekspresikan input ke konstruktor RegExp sebagai string daripada menggunakan slash / [AZ] + / format liter regexp)

Untuk memenuhi kebutuhan saya untuk memasukkan variabel / alias / fungsi ke dalam Ekspresi Reguler, inilah yang saya buat:

oldre = /xx\(""\)/;
function newre(e){
    return RegExp(e.toString().replace(/\//g,"").replace(/xx/g, yy), "g")
};

String.prototype.replaceAll = this.replace(newre(oldre), "withThis");

di mana 'oldre' adalah regexp asli yang ingin saya masukkan variabel, 'xx' adalah placeholder untuk variabel / alias / fungsi tersebut, dan 'yy' adalah nama variabel aktual, alias, atau fungsi.

Anda dapat menggunakan ini jika $ 1 tidak bekerja dengan Anda

var pattern = new RegExp("amman","i");
"abc Amman efg".replace(pattern,"<b>"+"abc Amman efg".match(pattern)[0]+"</b>");

Anda selalu dapat menggunakan indexOfberulang kali:

String.prototype.replaceAll = function(substring, replacement) {
    var result = '';
    var lastIndex = 0;

    while(true) {
        var index = this.indexOf(substring, lastIndex);
        if(index === -1) break;
        result += this.substring(lastIndex, index) + replacement;
        lastIndex = index + substring.length;
    }

    return result + this.substring(lastIndex);
};

Ini tidak masuk ke loop tak terbatas ketika penggantian berisi kecocokan.

Solusi Anda ada di sini:

Lewatkan variabel ke ekspresi reguler.

Salah satu yang telah saya terapkan adalah dengan mengambil nilai dari bidang teks yang ingin Anda ganti dan yang lain adalah bidang teks "ganti dengan", dapatkan nilai dari bidang teks dalam suatu variabel dan mengatur variabel ke RegExp berfungsi untuk mengganti lebih lanjut. Dalam kasus saya saya menggunakan Jquery, Anda juga dapat melakukannya dengan hanya JavaScript juga.

Kode JavaScript:

  var replace =document.getElementById("replace}"); // getting a value from a text field with I want to replace
  var replace_with = document.getElementById("with"); //Getting the value from another text fields with which I want to replace another string.

  var sRegExInput = new RegExp(replace, "g");    
  $("body").children().each(function() {
    $(this).html($(this).html().replace(sRegExInput,replace_with));
  });

Kode ini pada acara Onclick tombol, Anda dapat menempatkan ini dalam fungsi untuk memanggil.

Jadi sekarang Anda dapat mengirimkan variabel dalam fungsi ganti.

Fungsi self-calling ini akan diulang lebih dari replacerItems menggunakan indeks, dan mengubah replacerItems [indeks] secara global pada string dengan setiap pass.

  const replacerItems = ["a", "b", "c"];    

    function replacer(str, index){
          const item = replacerItems[index];
          const regex = new RegExp(`[${item}]`, "g");
          const newStr = str.replace(regex, "z");
          if (index < replacerItems.length - 1) {
            return replacer(newStr, index + 1);
          }
          return newStr;
    }

// console.log(replacer('abcdefg', 0)) will output 'zzzdefg'

Tidak ada jawaban yang jelas bagi saya. Saya akhirnya menemukan penjelasan yang bagus di http://burnignorance.com/php-programming-tips/how-to-use-a-variable-in-replace-function-of-javascript/

Jawaban sederhananya adalah:

var search_term = new RegExp(search_term, "g");    
text = text.replace(search_term, replace_term);

Sebagai contoh:

$("button").click(function() {
  Find_and_replace("Lorem", "Chocolate");
  Find_and_replace("ipsum", "ice-cream");
});

function Find_and_replace(search_term, replace_term) {
  text = $("textbox").html();
  var search_term = new RegExp(search_term, "g");
  text = text.replace(search_term, replace_term);
  $("textbox").html(text);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textbox>
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
</textbox>
<button>Click me</button>

Untuk beberapa penggantian tanpa ekspresi reguler, saya menggunakan yang berikut:

      let str = "I am a cat man. I like cats";
      let find = "cat";
      let replace = "dog";


      // Count how many occurrences there are of the string to find 
      // inside the str to be examined.
      let findCount = str.split(find).length - 1;

      let loopCount = 0;

      while (loopCount < findCount) 
      {
        str = str.replace(find, replace);
        loopCount = loopCount + 1;
      }  

      console.log(str);
      // I am a dog man. I like dogs

Bagian penting dari solusi ditemukan di sini