Я знаю, что это старая ветка, но, может быть, она все еще актуальна?
Вдохновленный хорошим решением Джеки Ли, я попробовал небольшое собственное изменение, чтобы также иметь возможность обрабатывать произвольные комбинации массивов и объектов в качестве входных данных. Я посмотрел, как 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).
Если текущий объект является массивом, то nulls вставляются везде, где необходимо, для представления пустых позиций. Массивы всегда нумеруются последовательно и отсчитываются от нуля).
Обратите внимание, что в примере нет. 8 «автоинкремент» для пустых индексов по-прежнему работает, хотя сейчас мы имеем дело с объектом, а не массивом.
Насколько я тестировал, мой getargs()ведет себя почти так же, как отличный $.deparam() плагин jQuery Крисса Роджера, упомянутый в принятом ответе. Основное отличие заключается в том, что он 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вместо автоматически увеличивающегося числового индекса.
+. Теперь он заменяет их все!