[Javascript] URLクエリを連想配列に変換する1行コード

PHPだと、$_GET['test']として、すぐにURLクエリの値が取得できるけど、Javascriptは、該当するストレートな命令が無い。 ということで、１行でできる方法を公開。

実行コード

Object.fromEntries(new URLSearchParams(location.search).entries()).test

URLサンプル

https://example.com/?test=hoge-hoge

結果

> hoge-hoge

解説

URLSearchParams クエリ記述のstringの、"?a=1&b=2"を"a=1&b=2"の様に不要文字を取り除く処理。 URLSearchParams().entries() この組み合わせで、クエリの値を、[key,value]というような形式でオブジェクト化される。 Object.fromEntries 配列データを連想配列に変換する命令。 出来上がったデータは連想配列になっているので、最後にkey値で絞り込むと、値が取得できる。