私はこれが古いスレッドであることを知っていますが、それでもまだいくつかの関連性がありますか？
Jacky Liの優れたソリューションに触発されて、配列とオブジェクトの任意の組み合わせを入力として処理できるようにすることを目的として、独自のわずかなバリエーションを試しました。私は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-argument なしで呼び出された場合、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
一方、Jacky Liのソリューションは、外部aオブジェクトをプレーンオブジェクトとして生成します
{a:{"0":["1","2"],"1":["3","4"],"2":["5","6"]}} // 6: JackyLi's output
getargs() は、任意のレベルの最初に指定されたインデックスを調べて、このレベルがオブジェクト（非数値インデックス）であるか配列（数値または空）であるかを決定します。これにより、上記のリスト（No. 6）に示すような出力が得られます。
現在のオブジェクトが配列の場合 null空の位置を表すために必要な場所に挿入されます。配列は常に連続番号が付けられ、0ベースです。
例では注意してください。8空のインデックスの「自動インクリメント」は、配列ではなくオブジェクトを処理している場合でも機能します。
私がテストした限りでは、私のgetargs()動作は、受け入れられた回答で言及されているChriss Rogerの優れたjQuery $.deparam() プラグインとほぼ同じように動作します。主な違いは、あるgetargsjQueryをせずに実行し、それがありませんしながら、オブジェクト内のオートインクリメント$.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代わりに、オートインクリメント数値インデックス。
+。今ではそれらすべてを置き換えます！