jquery - JSONとしてのwindow.location.searchクエリ

Question

URLのlocation.searchをオブジェクトとして変換するためのより良い方法はありますか？たぶんもっと効率的ですか、それとも削減されていますか？私はjQueryを使用していますが、純粋なJSも機能します。

var query = window.location.search.substring(1), queryPairs = query.split('&'), queryJSON = {};
$.each(queryPairs, function() { queryJSON[this.split('=')[0]] = this.split('=')[1]; });

Answer 1

これは純粋な JS 関数です。現在の URL の検索部分を解析し、オブジェクトを返します。（読みやすくするために少し冗長です。）

function searchToObject() {
  var pairs = window.location.search.substring(1).split("&"),
    obj = {},
    pair,
    i;

  for ( i in pairs ) {
    if ( pairs[i] === "" ) continue;

    pair = pairs[i].split("=");
    obj[ decodeURIComponent( pair[0] ) ] = decodeURIComponent( pair[1] );
  }

  return obj;
}

関連するメモとして、単一のパラメーターを「JSON」ではなく「オブジェクト」に保存しようとしています。;)

Answer 2

最新のブラウザーを使用している場合、これは受け入れられた回答と同じ結果を生成します。

function searchToObject(search) {
  return search.substring(1).split("&").reduce(function(result, value) {
    var parts = value.split('=');
    if (parts[0]) result[decodeURIComponent(parts[0])] = decodeURIComponent(parts[1]);
    return result;
  }, {})
}

Answer 3

おそらく単純なケースの最短の解決策：

location.search
  .slice(1)
  .split('&')
  .map(p => p.split('='))
  .reduce((obj, [key, value]) => ({ ...obj, [key]: value }), {});

Answer 4

シンプルでクリーンな私のアプローチ

var params = "?q=Hello World&c=Awesome";

params = "{\"" + 
         params
         .replace( /\?/gi, "" )
         .replace( /\&/gi, "\",\"" )
         .replace( /\=/gi, "\":\"" ) +
         "\"}";
  
params = JSON.parse( params );

alert( decodeURIComponent( params.q ) );
alert( decodeURIComponent( params.c ) );