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

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

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

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