19

{foo:"bar"}から作る方法を見つけようとしましたが、グーグルで、反対のことをするもの?...&foo=bar&...だけを手に入れました。jQuery.params何か提案をお願いします（組み込みのjavascript関数、jQuery、Underscore.js-すべてが行きます）？または、自分で実装する必要がありますか（大きな手間ではなく、車輪の再発明をしないようにするだけです）？

4

7 に答える 7

12

実際、@ talsibonyによる上記の回答では、クエリ文字列配列（など）は考慮されていませんtest=1&test=2&test=3&check=wow&such=doge。これは私の実装です：

function queryStringToJSON(qs) {
    qs = qs || location.search.slice(1);

    var pairs = qs.split('&');
    var result = {};
    pairs.forEach(function(p) {
        var pair = p.split('=');
        var key = pair[0];
        var value = decodeURIComponent(pair[1] || '');

        if( result[key] ) {
            if( Object.prototype.toString.call( result[key] ) === '[object Array]' ) {
                result[key].push( value );
            } else {
                result[key] = [ result[key], value ];
            }
        } else {
            result[key] = value;
        }
    });

    return JSON.parse(JSON.stringify(result));
};
于 2015-08-25T12:58:28.880 に答える
11

他の人が見て、jqueryネイティブJSを必要とせずにそれを簡単に取得したい場合に備えて、ここに私の関数を投稿しています。私は同じものを探していて、他の人の答えを見た後に最終的にこの関数を作成したので：

function queryStringToJSON(queryString) {
  if(queryString.indexOf('?') > -1){
    queryString = queryString.split('?')[1];
  }
  var pairs = queryString.split('&');
  var result = {};
  pairs.forEach(function(pair) {
    pair = pair.split('=');
    result[pair[0]] = decodeURIComponent(pair[1] || '');
  });
  return result;
}


console.log(queryStringToJSON(window.location.href)); 
console.log(queryStringToJSON('test=1&check=wow'));//Object {test: "1", check: "wow"}
于 2015-02-03T08:03:11.837 に答える
8

あなたはベン・アルマンjQuery BBQとそのjQuery.deparam中にいます。それは次のように説明されていますThe opposite of jQuery.param, pretty much.

http://benalman.com/code/projects/jquery-bbq/examples/deparam/

最初の例はまさにあなたが必要とするものです。

于 2012-07-19T09:20:26.330 に答える
5

最近のブラウザでは、これをさらに簡単にするObject.fromEntriesを使用することもできます。

function queryStringToObject(queryString) {
  const pairs = queryString.substring(1).split('&');
  // → ["foo=bar", "baz=buzz"]

  var array = pairs.map((el) => {
    const parts = el.split('=');
    return parts;
  });
  // → [["foo", "bar"], ["baz", "buzz"]]

  return Object.fromEntries(array);
  // → { "foo": "bar", "baz": "buzz" }
}

console.log(queryStringToObject('?foo=bar&baz=buzz'));

URLSearchParamsインターフェースは、ブラウザーのURL検索パラメーターと対話できます。URLSearchParamsのブラウザサポートはかなりまともです。

あなたの場合、それは次のようになります：

console.log(
  Object.fromEntries(new URLSearchParams('foo=bar&baz=buzz'))
);

于 2020-05-22T06:03:28.857 に答える
2

単純でフラットなクエリ文字列の場合、このようなものでうまくいきます

const queryStringToObject = (queryString) => {
  let obj = {}
  if(queryString) {
    queryString.slice(1).split('&').map((item) => {
      const [ k, v ] = item.split('=')
      v ? obj[k] = v : null
    })
  }
  return obj
}

> queryStringToObject('?foo=bar&baz=buzz')
{ foo: 'bar', baz: 'buzz' }
于 2016-12-23T19:12:38.397 に答える
1

コンストラクターはURLSearchParams()、新しいURLSearchParamsオブジェクトを作成して返します。

var url = new URL('https://example.com?foo=1&bar=2'); 
var params = new URLSearchParams(url.search);

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams

于 2020-09-01T14:17:44.523 に答える
0

私はこのスレッドが少し古いことを知っています-しかしこれは私のために働いたものです-うまくいけばそれは他の誰かにも役立つでしょう..

var _searchModel = yourquerystring.split("&");
for (var x = 0; x < _searchModel.length; x++) {
  //break each set into key and value pair
  var _kv = _searchModel[x].split("=");

  //console.log(_kv);

  var _fieldID = _kv[0];
  var _fieldVal = _kv[1];
}

于 2020-11-06T14:55:38.757 に答える