javascript 正規表現のグループ化に変数を使いたい

Question

正規表現のグループ化で、任意の文字だけ取得して文字列を操作したい。

以下例だと、before[123]の数字の部分を+1したいです。
before[124]が期待値です。

そして、beforeの部分を変数化させたいのですが、それがうまくいきません。
どうすればいいでしょうか？

期待通りの処理になる

    const text = 'before[123]';
    const rep = text.replace(/before\[([0-9]+)\]/g, function(match, p1) {
      const increment = Number(p1) + 1;
      return 'before[' + increment + ']';
    });
    console.log(rep) // 'before[124]'

期待通りの処理にならない...

    const text = 'before[123]';
    const base = 'before';
    const reg = new RegExp(base + /\[([0-9]+)\]/, 'g');
    const rep = text.replace(reg, function(match, p1) {
      const increment = Number(p1) + 1;
      return 'before[' + increment + ']';
    });
    console.log(rep) // 'before[123]'

Answer 1

    const reg = new RegExp(base + /\[([0-9]+)\]/, 'g');

文字列と正規表現リテラルを足しても使い物になりません。単純に文字列を与えればいいでしょう。

    const reg = new RegExp(`${base}\\[([0-9]+)\\]`, 'g');

Comments

[true_colors_20]

文字列と正規表現リテラルは別物なのですね。ありがとうございます無事解決しました。

Answer 2

const text = 'before[123]';
const rep = text.replace(/(?<=before\[)\d+(?=\])/g,x=>parseInt(x)+1);
console.log(rep);