JS 正規表現で置換

Question

ド素人です
下記のソースを実行すると
@〇〇の部分をchange@〇〇に変更します
最終的に「aaa change@ah change@a aaa」としたいのですが、
「aaa changechange@ah change@a aaa」となります

その原因は一度目のループで(@ahが対象)
@ahがchange@ahになり、
2度目のループで@aが対象となるが、一度目のchange@ahに@aが含まれてしまってるため、
changechange@ahになる

replaceAllを使う理由は何個出てきてもすべて置換するためです
わかりづらいかもしれませが、できる限りソースを書き換えないで
「aaa change@ah change@a aaa」にすることはできないでしょうか？

<script>
window.onload=function(){
u=[];
s="aaa @ah @a aaa";
if(s.match(/(?<=@)[A-Z0-9]+/ig)){
r = s.match(/@[A-Z0-9]+/ig);
for(i=0;i<r.length;i++){
if (!u.includes(r[i])) {
alert(r[i]);
s=s.replaceAll(r[i], "change"+r[i]);
u.push(r[i]);
}
}
}
alert(s);////「aaa change@ah change@a aaa」を出したい
}
</script>

Answer 1

s = "aaa @ah @a aaa";
s = s.replaceAll(/@[A-Z0-9]+/ig, "change$&");
alert(s);////「aaa change@ah change@a aaa」を出したい

あまり元のコードは残っていませんが、やりたいのはこういうことですよね。

Comments

[noritamat]

まさにその通りでございます
まさか1行で可能とは思ってもみなかったです・・・
$&に対象の結果が入ると思うのですが、
@ahと　単なるahを出す場合どうしたらいいでしょうか？
また、これは別の問題で難しくなるでしょうか・・？

[noritamat]

alert(s);////「aaa change@ah ah change@a a aaa」を出したい
のように@があるものとないものを加えるのは、むずかしいですか・・・？

[int32_t]

> @ahと　単なるahを出す場合どうしたらいいでしょうか？

"change$&" を "ah" に変えればいい、ということなんでしょうか。
やりたいことが今ひとつはっきりしないので、別の質問にしてはどうでしょうか。

[int32_t]

ああ、@の後を繰り返すのですね。
簡単にできますが、別の質問にしてください。

[noritamat]

了解いたしました

Answer 2

「@〇〇」これは@の後ろがスペース文字以外という意味でしょうか？
単に@を変更するだけなら以下で十分です

var str="@aaa @ah @a a@ aaa@";
str=str.replace(/(@)/g,"change$1");
console.log(str);

"aaa @ah @a aaa"を"aaa change@ah ah change@a a aaa"に変更したい場合はこう

var str="aaa @ah @a aaa";;
str=str.replace(/(@)(\S+?)/g,"change$1$2 $2");
console.log(str);

Comments

[noritamat]

提示いただいたソースでも目的の動作ができました！
入れ違いで申し訳ありませんでした