web-dev-qa-db-ja.com

RegEx内のテンプレートリテラル

テンプレートリテラルをRegEx内に配置しようとしましたが、機能しませんでした。次に、RegExを保持する変数regexを作成しましたが、それでも目的の結果が得られません。

ただし、console.log(regex)を個別に使用する場合、/.+?(?=location)/i、/.+?(?=date)/iなど、目的のRegExを受け取りますが、regexを配置すると.replace内では動作していないようです

function validate (data) {
  let testArr = Object.keys(data);
  errorMessages.forEach((elem, i) => {
    const regex = `/.+?(?=${elem.value})/i`;
    const a = testArr[i].replace(regex, '');
    })
  }
javascriptregextemplate-literals
14
Vlad

regex変数はStringです。 RegExpにするには、次を使用します

const regex = new RegExp(`.+?(?=${elemvalue.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')})`, "i");

また、すべての特別な正規表現メタ文字がリテラルとして扱われるように、正規表現の 変数をエスケープする 部分を使用することをお勧めします。

const s = "final (location)";
const elemvalue = "(location)";
const regex = new RegExp(`.+?(?=${elemvalue.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')})`, "i");
// console.log(regex); // /.+?(?=\(location\))/i
// console.log(typeof(regex)); // object
let a = s.replace(regex, '');
console.log(a);
16
Wiktor Stribiżew