Я знаю, що це стара тема, але, можливо, є ще якась актуальність у ній?
Натхненний хорошим рішенням Джекі Лі, я спробував незначну варіацію свого власного завдання, щоб також міг дбати про довільні комбінації масивів та об'єктів як вхідних даних. Я подивився, як це зробив би 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() дивиться на перший заданий індекс для будь-якого рівня, щоб визначити, чи буде цей рівень об'єктом (нечисловим індексом) або масивом (числовим або порожнім), таким чином, отримуючи результат, як показано в лістингу списку (№ 6).
Якщо поточним об'єктом є масив, то nullвставляємо s, куди потрібно, щоб представити порожні позиції. Масиви завжди є послідовно пронумерованими та на основі 0).
Зауважимо, що в прикладі немає. 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замість автоматично підвищеного числового індексу.
+. Тепер він замінює їх усіх!