JavaScript 正規表現に詳しい方

Question

前提・実現したいこと

下記ソースコードで出力結果を
bbbb ccccにしたいのですが、
aaa[!]の部分がマッチしてしまいます
どのように記述すればbbbb ccccとなりますでしょうか？

該当のソースコード

<script>
window.onload=function(){
aaa="abcd aaa[!]bbbb abcd aaa[!]cccc abcd";
if (aaa.match(/aaa[!]/gi)) {
bbb=aaa.match(/aaa[!](.*?)/gi);
alert(bbb);//bbbb ccccを返したい
}
}
</script>

Comments

[m.ts10806]

タイトルに要件がありません。
https://teratail.com/help/question-tips#questionTips3-1
あとタグに「正規表現」を追加してください。

[hentaiman]

正規表現自体は普通に使える人たくさんいると思うけど正規表現そのものに詳しい人限定で回答求めるとなると回答つきにくいだろうな　捨て垢だし

Answer 1

matchの仕様をちゃんと読みましょう。
String.prototype.match() - JavaScript | MDN

無理であることが分かると思います（/gとキャプチャーが両立しない）。

matchAllを使うのでしょうか。

bbb = [...aaa.matchAll(/aaa[!](\S*)/gi)].map(x=>x[1]);

あと、質問コード中の(.*?)は最小マッチなので、常に空文字列にマッチします。
とりあえず(\S*)にしてますので、要件に合わせて書き換えてください。