javascriptでクエリパラメータを取得する
javascriptで現在開いているページのクエリパラメータを取得したい。
単純にキーと値の羅列を取得するのであればlocation.search
から取得できるが、ここから更に特定のキーに対する値を取得したい。
検索してヒットするこちらの記事(https://www-creators.com/archives/4463)ではgetParam
という自作関数が紹介されており、同様の機能をもったjQuery関数は存在しません。上記の関数は、最も万能な関数といえます。
等と記載があるが、これよりもっとシンプルな方法が存在する。
最も簡潔なクエリパラメータの取得方法では、URLSearchParams
クラスを利用する。
例えば表示中のページのURLがhttp://example.com/?q=v
というものだったとき、q
に対する値は、
new URLSearchParams(location.search).get("q");
のように記述することで取得できる。
参考(https://developer.mozilla.org/ja/docs/Web/API/URLSearchParams)