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)