JavaScript

レシピ

URL

URLに特定のGETパラメータが含まれるか確認する

特定のパラメータ名を持つGETパラメータがURLに含まれるか確認する方法を解説します。

この記事のポイント

  • URLから特定のGETパラメータがあるか確認するときはhasメソッドを使う

URLに特定のGETパラメータがあるか確認する

URLから特定のパラメータ名を持つGETパラメータがあるか確認するときは、URLSearchParamsオブジェクトhasメソッドを使います。
このメソッドは指定したパラメータ名がURLにあればtrue、なければfalseを返します。

以下の例は、対象URLからパラメータ名「id」があるかを確認して、あったときのみパラメータの値をコンソールに出力します。

サンプルページはこちらから開いて確認してください。

JavaScript コード例

// 対象URL:https://gray-code.com/js_sample/url2.html?id=5&username=taro&mode=read

// URLを取得
var url = new URL(window.location.href);

// URLSearchParamsオブジェクトを取得
var params = url.searchParams;

if( params.has('id') ) {
  console.log(params.get('id')); // 5
}

URLからURLSearchParamsオブジェクトを作成した後に、hasメソッドを実行してパラメータ名があるか確認します。

こちらの記事は役に立ちましたか?

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

コメントありがとうございます!
運営の参考にさせていただきます。