Я знаю, что это старая ветка, но, может быть, в ней все еще есть какая-то актуальность?
Вдохновленный хорошим решением Джеки Ли, я попробовал небольшое собственное изменение, чтобы также иметь возможность позаботиться о произвольных комбинациях массивов и объектов в качестве входных данных. Я посмотрел на то, как бы это сделал PHP, и попытался добиться чего-то «похожего». Вот мой код:
function getargs(str){
var ret={};
function build(urlnam,urlval,obj){ // extend the return object ...
var i,k,o=obj, x, rx=/\[([^\]]*)\]/g, idx=[urlnam.replace(rx,'')];
while (x=rx.exec(urlnam)) idx.push(x[1]);
while(true){
k=idx.shift();
if(k.trim()=='') {// key is empty: autoincremented index
if (o.constructor.name=='Array') k=o.length; // for Array
else if (o===obj ) {k=null} // for first level property name
else {k=-1; // for Object
for(i in o) if (+i>k) k=+i;
k++;
}
}
if(idx.length) {
// set up an array if the next key (idx[0]) appears to be
// numeric or empty, otherwise set up an object:
if (o[k]==null || typeof o[k]!='object') o[k]=isNaN(idx[0])?{}:[];
o=o[k]; // move on to the next level
}
else { // OK, time to store the urlval in its chosen place ...
// console.log('key',k,'val',urlval);
o[k]=urlval===""?null:urlval; break; // ... and leave the while loop.
}
}
return obj;
}
// ncnvt: is a flag that governs the conversion of
// numeric strings into numbers
var ncnvt=true,i,k,p,v,argarr=[],
ar=(str||window.location.search.substring(1)).split("&"),
l=ar.length;
for (i=0;i<l;i++) {if (ar[i]==="") continue;
p=ar[i].split("=");k=decodeURIComponent(p[0]);
v=p[1];v=(v!=null)?decodeURIComponent(v.replace(/\+/g,'%20')):'';
if (ncnvt && v.trim()>"" && !isNaN(v)) v-=0;
argarr.push([k,v]); // array: key-value-pairs of all arguments
}
for (i=0,l=argarr.length;i<l;i++) build(argarr[i][0],argarr[i][1],ret);
return ret;
}
Если функция вызывается без аргумента str, она будет принимать window.location.search.slice(1) в качестве ввода.
Некоторые примеры:
['a=1&a=2', // 1
'x[y][0][z][]=1', // 2
'hello=[%22world%22]&world=hello', // 3
'a=1&a=2&&b&c=3&d=&=e&', // 4
'fld[2][]=2&fld[][]=3&fld[3][]=4&fld[]=bb&fld[]=cc', // 5
$.param({a:[[1,2],[3,4],{aa:'one',bb:'two'},[5,6]]}), // 6
'a[]=hi&a[]=2&a[3][]=7&a[3][]=99&a[]=13',// 7
'a[x]=hi&a[]=2&a[3][]=7&a[3][]=99&a[]=13'// 8
].map(function(v){return JSON.stringify(getargs(v));}).join('\n')
результат в
{"a":2} // 1
{"x":{"y":[{"z":[1]}]}} // 2
{"hello":"[\"world\"]","world":"hello"} // 3
{"a":2,"b":null,"c":3,"d":null,"null":"e"} // 4 = { a: 2, b: null, c: 3, d: null, null: "e" }
{"fld":[null,null,[2],[3,4],"bb","cc"]} // 5
{"a":[[1,2],[3,4],{"aa":"one","bb":"two"},[5,6]]} // 6
{"a":["hi",2,null,[7,99],13]} // 7
{"a":{"0":2,"3":[7,99],"4":13,"x":"hi"}} // 8
В то время как решение Джеки Ли будет производить внешний контейнер для a как простой объект
{a:{"0":["1","2"],"1":["3","4"],"2":["5","6"]}} // 6: JackyLi's output
getargs() просматривает первый заданный индекс для любого уровня, чтобы определить, будет ли этот уровень объектом (не числовой индекс) или массивом (числовым или пустым), что приведет к выводу, как показано в листинге bove (№ 6).
Если текущий объект является массивом, тогда null s вставляется везде, где это необходимо для представления пустых позиций. Массивы всегда нумеруются последовательно и основаны на 0).
Обратите внимание, что в примере нет. 8 «автоинкремент» для пустых индексов все еще работает, хотя мы имеем дело с объектом, а не с массивом.
Насколько я тестировал, мой getargs() ведет себя почти так же, как и замечательный jQuery $.deparam() плагин , упомянутый в принятом ответе Крисса Роджера. Основное отличие состоит в том, что getargs работает без jQuery и что делает автоинкремент в объектах, в то время как $.deparam() будет не делать это:
JSON.stringify($.deparam('a[x]=hi&a[]=2&a[3][]=7&a[3][]=99&a[]=13').a);
Результаты в
{"3":["7","99"],"x":"hi","undefined":"13"}
В $.deparam() индекс [] интерпретируется как undefined вместо числового индекса с автоинкрементом.