javascriptの正規表現について

Question

久しぶりに正規表現を使ったのですが、不明な点が出てきましたのでご助言をお願い致しますm(_ _)m
やりたいことは下記になります。

検索文字列
startbbbbendccccstartddddend

抽出したい文字列
bbbb
dddd

　※start****endで挟まれた文字列。

取り合えず、下記のコードで試してみましたが上手くいきませんでした。
惜しいところまでは行ったのですが、何がいけないのでしょうか。
ご指摘をお願い致します！

    //対象文字列
    let str = 'startbbbbendccccstartddddend';

    //パターン
    let regex = new RegExp('start(.*?)end', "g");  //最短一致

    //マッチング
    let aryMatch = regex.exec(str);

    //表示
    console.log(aryMatch);  //["startbbbbend", "bbbb"]

    //
    let result = str.match(/start(.*?)end/g);

    //表示
    console.log(result);  //["startbbbbend", "startddddend"]  <- 一応グループ化()していると思うのですが

Answer 1

最近、同じ質問に回答しました。
https://teratail.com/questions/314855

Comments

[uer03108]

有難うございます！

Answer 2

RegExp.prototype.exec()を利用する場合はwhileループを使う必要があります。

let str = 'startbbbbendccccstartddddend';
let regex = /start(.*?)end/g  

let results = [];
let match;
while ((match = regex.exec(str)) !== null) {
    results.push(match[1]);
}
console.log(results); //=> [ 'bbbb', 'dddd' ]

gフラグありの場合、String.prototype.match()の戻り値はキャプチャグループを返さないため、今回の用途には適していないかと思います。

また別解としてString.prototype.matchAll()を使う方法もあります。

let str = 'startbbbbendccccstartddddend';
let regex = /start(.*?)end/g  
let results = [];
let matches = str.matchAll(regex);
for (let match of matches) {
    results.push(match[1]);
}
console.log(results); //=> [ 'bbbb', 'dddd' ]

Comments

[uer03108]

丁寧なご回答、有難うございました。
whileを使用するのですね。
了解いたしました。
有難うございました！

[uer03108]

申し訳ありません。
お伺いして宜しいでしょうか。
複数行に対応するためにドット"."を[\s\S]に変更すると、RegExpの場合は動作しませんでした。
この原因は分かりますでしょうか。

//パターン
let regex = new RegExp('start(.*?)end', "g"); //動作する
let regex = new RegExp('start([\s\S]*?)end', "g"); //動作しない

//パターン
aryMatch = str.matchAll(/start(.*?)end/g); //動作する
aryMatch = str.matchAll(/start([\s\S]*?)end/g); //動作する

[uer03108]

解決いたしました。
\を2つ描く必要がありました。
お手数をお掛け致しました！