【JavaScript】JavaScriptでGETパラメータを取得する方法

はじめに

JavaScriptでGETパラメータから任意のパラメータを取得する方法が意外と知らなく、
調べたので備忘として書いておきます。

取得方法

下記のようにJavaScriptを記述すると、パラメータ名がIdの値を取得することができます。
※{!Id}は任意のパラメータに変更することができます。

var Id = location.search.match(/{!Id}=(.*?)(&|$)/)[1];

下記URLを参考に、それぞれでどのように取得されるか確認していきます。

www.hogepiyo.com?id=xxx
  • locationオブジェクトから、URLを取得
    ex) www.hogepiyo.com?id=xxx

  • searchメソッドで「?」以降の値を取得
    ex) ?id=xxx

  • match(/{!Id}=(.*?)(&|$)/)[1]で正規表現を用いて、パラメータ名Idの値を取得
    ex)xxx