置換する正規表現の動的変更。

Question

前提・実現したいこと

置換する正規表現の動的な変更ってできますか？
置換する対象の文字列が動的に変更されるものなので、
それに伴い正規表現も動的に変更したいです。

該当のソースコードにおいては、
"<div>http://sample2.co.jp/</div>"
が動的に変わる可能性があるので、
正規表現のurlも動的に変更したいです。

もしも方法があれば、ご教示お願い致します。

該当のソースコード

var url = "http://sample.co.jp/";
url = "http://sample2.co.jp/";  //動的変更。

url = "<div>http://sample2.co.jp/</div>".replace(/+url+/g, "aaa");
console.log(url);

Answer 1

正規表現リテラル（/+url+/g）ではなく、正規表現オブジェクト（new RegExp("+url+", "g")）を使えば、解決できます。具体例は以下の通りです。

var url = "http://sample.co.jp/";
url = "http://sample2.co.jp/";  //動的変更。

//文字列を元に正規表現オブジェクトを生成する
var reObj = new RegExp(".+" + url + ".+", "g");  

url = "<div>http://sample2.co.jp/</div>".replace(reObj, "aaa");
console.log(url);  //"aaa"

参考

　 - MDN web docs - 正規表現

Comments

[tkshp]

返信遅くなり申し訳ありません。
ご回答ありがとうございます。

var reObj = new RegExp(".+" + url + ".+", "g");
url = "<div>http://sample2.co.jp/</div>".replace(reObj, "aaa");

で動的に正規表現の文字列を変更して置換できることを確認致しました。
ありがとうございました。