javascript、正しい正規表現が知りたい

Question

お世話になります。正規表現について質問です。

var cookies = "history0=foo; history1=hoge; history2=piyopiyo;";
var reg = /history.=.*?;/;

cookies.match(reg).forEach(function(cookie){
  console.log(cookie);
});

としたとき、"history0=foo;"しか抜き出せませんでした。
すべてのhistory(数字)=(文字列);を抜き出すには、どう正規表現を直せばいいのでしょうか?

また、正規表現について正確にわかりやすく書かれたサイトってあるのでしょうか?
どこを参考にしてもうまくいった試しがないです。。(特に^$を使った時など)

初歩的な質問ですみません。。以上2点、回答よろしくお願いします。m(_ _)mm

「正規表現について正確にわかりやすく書かれたサイト」についての回答が得られると甘いことを考え、ベストアンサーを決めかねておりました。お許しください。m(_ _)m

本当はthink49様、rururu3様お二人にBAをさしあげたいですが、
今回は先に回答してくださったthink49様をBAとさせていただきます。

皆様、回答ありがとうございました。m(_ _)m

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

Answer 1

グローバルマッチなので

var cookies = "history0=aaaa; history1=bbbb; history2=cccc;"
var reg = /history.=.*?;/g;

cookies.match(reg).forEach(function(cookie){
  console.log(cookie);
});

ではと

Comments

[namnium1125]

gの存在をよくわかってなかったです。
配列にしたいときは指定する必要があったんですね。

回答ありがとうございます。m(_ _)m

Answer 2

• String.prototype.match() - JavaScript | MDN
• 正規表現 - JavaScript | MDN

var cookie = "history0=aaaa; history1=bbbb; history2=cccc;",
    array = cookie.match(/history\d+=[^;]+;/g);

console.log(array); // ["history0=aaaa;", "history1=bbbb;", "history2=cccc;"]

Re: namnium1125 さん

Comments

[namnium1125]

回答ありがとうございます。m(_ _)m
うまく3つとも抜き出すことができました。

gが必要だったんですね。。match関数のリンクがとてもわかりやすかったです。

Answer 3

別解という名の一発ネタです。
こういう単調な形式なら無理に正規表現にしなくてもsplitで十分頑張れるので記載しておきます。

var cookies = "history0=aaaa; history1=bbbb; history2=cccc;"
var parse = (it) =>
  it
    .split(";")
    .map(it => it.split("="))
    .filter(([k, v]) => v)
    .reduce((a, [k, v]) => {
      a[k.trim()] = v.trim();
      return a;
    }, {})
console.log(parse(cookies));
// {history0: "aaaa", history1: "bbbb", history2: "cccc"}

Comments

[namnium1125]

回答ありがとうございます！m(_ _)m

アロー関数式とか初めてみました、、後学のために尋ねさせて下さい。

①it.split(";");でhistory\d="...."の配列を作成(最後に空文字)
②.map(it => it.split("="))で2次元配列化
③.filter(([k, v]) => v)で二番目の要素の有無によって空文字を消去
④.map(([k, v]) => {
let r = {};
r[k.trim()] = v.trim();
return r})
でスペースの消去&{history\d: "...."}を作成
⑤Object.assignによってこれら連想配列をマージ→一つの連想配列にする

という流れでいいのでしょうか？

[miyabi-sun]

概ねそんな感じです。
補足しておきます。

3. filterでfalsyを結果として返すと配列から除外されます。
　空文字を消してるわけじゃなくて";"で区切ってるので、
　最後の要素が`undefined.trim()`にアクセスしてエラー落ちする対策です。

5. Object.assignは可変数引数を求めますが、
　今回は配列を突っ込みたいのでObject.assign.applyを利用しました。
　reduceを利用した畳み込みの方が良かったかも…

[miyabi-sun]

Array.reduceメインにロジックを変えました。
前の回答は編集リンクから見れます。

[namnium1125]

返信ありがとうございます。

関数型プログラミング(で、いいんでしょうか？)って慣れると使いやすそうですね！

今度やってみたいと思います！