繰り返し処理の中で返り値を再参照するには？

Question

const str = 
'
　<div>タイトル:<h1>hogehoge</h1></div>
   <p>テスト</p>
   <p>テスト</p>
   <p>テスト</p>
　<div>フッター</div>
'

このようなhtml文字列があったとして、これから

<div>タイトル:<h1>hogehoge</h1></div>
   <p>test１</p> //半角英数字
   <p>test２</p>　//半角英数字
   <p>test３</p>　//半角英数字
<div>フッター</div>

というhtml文字列を作りたいです。

これをFOR文を使って

const r = new RegExp('<p>.*</p>', 'g');
const testReg = new RegExp('テスト', 'g');
for(let i = 0; i < str.length; ++i) {
  const newstr = str.match(r).replace(testReg, `test{i}`)
}

としてみましたが、１回目の繰り返し処理で作成されたnewstrを
2回目の繰り返しでreplaceのレシーバとする方法がわかりません。さらに3回目もどうするのかわかりません。(2回目がわかれば自ずとわかると思いますが。)

何卒よろしくお願いします。

Comments

[meg_]

例ですが、'あ'を'1'にしたいのですか？それとも1文字目を'1'にしたいのですか？

[tomoharu]

お手数おかけして大変申し訳ありません。例を修正いたしました。

Answer 1

そのとおりにことをすすめるのであれば、元の文字列は文字数さえ分かればいいということになります（あいうでもやゆよでも結果は123となります）。

let ret = '';
for(let i = 0; i < str.length; ++i) {
  ret += i;
}

Comments

[maisumakun]

この例のように、ループに入る前にletで変数を宣言しておいて、それを書き換える形としましょう。

Answer 2

const str = `
　<div>タイトル:<h1>hogehoge</h1></div>
   <p>テスト１</p>
   <p>テスト２</p>
   <p>テスト３</p>
　<div>フッター</div>
`;
console.log(str.replace(/テスト/g,'test'));

Comments

[yambejp]

ループでやることではないし
forの中でconstを繰り返し処理はできない

[tomoharu]

ご回答ありがとうございます。。。！例が少し違っていました。実際は元々の文字列に数字は入っておりません。。。具体例の方修正しました。
大変申し訳ありません

[yambejp]

１、２、３は全角なんですか？

[tomoharu]

いえ半角です。コメントとして、例の方に追記しました

[yambejp]

var i=0;
console.log(str.replace(/テスト/g,()=>'test'+(++i).toString()));

[tomoharu]

できました　ありがとうございます！