JavaScript

最終更新日:
公開日:

レシピ

URL

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

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

この記事のポイント

  • URLに特定のGETパラメータが含まれているか確認するときはhasメソッドを使う

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

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

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

DEMOページ
(ブラウザのコンソールを開いてconsole.logの出力を確認してください)

index.js

// 対象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メソッドを実行してパラメータ名が含まれているか確認しています。

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

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

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