【JavaScript】クエリパラメータを取得する

毎回調べてるのでそろそろ。

基本はこれだけ。

let param = location.search

クエリパラメータとは

http://***略***/hoge.html?v=123

の、?から先の部分のこと。

このままだと不便すぎ

上記のコードで取得したクエリパラメータは

console.log(param)

してみると

?v=123

で表示されるので、このままだと大変不便。

Mapにいれてあげる

地道に、？消して、＆で分割して、=の前後をキーと値にしてMapに入れていく。

function query_param_to_array() {
   let param = location.search;
   param = param.replace('?', '');
   let param_splitted = param.split('&');
   let param_map = new Map();
   param_splitted.forEach( val => {
       let splitted_val = val.split('=');
       param_map.set(splitted_val[0], splitted_val[1]);
   });
   return param_map ;
}