複雑な/ネストされた JSON オブジェクトをフラット化および非フラット化するために、いくつかのコードをまとめました。動作しますが、少し遅いです (「スクリプトが長い」という警告が表示されます)。
フラット化された名前については、「。」が必要です。配列の区切り文字および [INDEX] として。
例:
un-flattened | flattened
---------------------------
{foo:{bar:false}} => {"foo.bar":false}
{a:[{b:["c","d"]}]} => {"a[0].b[0]":"c","a[0].b[1]":"d"}
[1,[2,[3,4],5],6] => {"[0]":1,"[1].[0]":2,"[1].[1].[0]":3,"[1].[1].[1]":4,"[1].[2]":5,"[2]":6}
ユースケースをシミュレートするベンチマークを作成しましたhttp://jsfiddle.net/WSzec/
- ネストされた JSON オブジェクトを取得する
- 平らにする
- それを調べて、フラット化しながら変更する可能性があります
- 元のネストされた形式に戻して出荷します
より高速なコードが必要です: 明確にするために、JSFiddle ベンチマーク ( http://jsfiddle.net/WSzec/ ) を完了するコードは、IE 9 以降、FF 24 以降、および Chrome 29 で大幅に高速化されます (~20%+ が望ましい)。 +。
関連する JavaScript コードは次のとおりです。現在最速: http://jsfiddle.net/WSzec/6/
JSON.unflatten = function(data) {
"use strict";
if (Object(data) !== data || Array.isArray(data))
return data;
var result = {}, cur, prop, idx, last, temp;
for(var p in data) {
cur = result, prop = "", last = 0;
do {
idx = p.indexOf(".", last);
temp = p.substring(last, idx !== -1 ? idx : undefined);
cur = cur[prop] || (cur[prop] = (!isNaN(parseInt(temp)) ? [] : {}));
prop = temp;
last = idx + 1;
} while(idx >= 0);
cur[prop] = data[p];
}
return result[""];
}
JSON.flatten = function(data) {
var result = {};
function recurse (cur, prop) {
if (Object(cur) !== cur) {
result[prop] = cur;
} else if (Array.isArray(cur)) {
for(var i=0, l=cur.length; i<l; i++)
recurse(cur[i], prop ? prop+"."+i : ""+i);
if (l == 0)
result[prop] = [];
} else {
var isEmpty = true;
for (var p in cur) {
isEmpty = false;
recurse(cur[p], prop ? prop+"."+p : p);
}
if (isEmpty)
result[prop] = {};
}
}
recurse(data, "");
return result;
}
EDIT 1上記を現在最速の @Bergi の実装に変更しました。余談ですが、「regex.exec」の代わりに「.indexOf」を使用すると、FF では約 20% 速くなりますが、Chrome では 20% 遅くなります。より単純なので、正規表現に固執します（これは、 indexOf を使用して正規表現http://jsfiddle.net/WSzec/2/を置き換える試みです）。
EDIT 2 @Bergi のアイデアに基づいて、より高速な非正規表現バージョン (FF で 3 倍高速、Chrome で最大 10% 高速) を作成することができました。http://jsfiddle.net/WSzec/6/この (現在の) 実装では、キー名のルールは単純で、キーを整数で開始したり、ピリオドを含めたりすることはできません。
例：
- {"foo":{"bar":[0]}} => {"foo.bar.0":0}
編集 3 @AaditMShah のインライン パス解析アプローチ (String.split ではなく) を追加すると、平坦化されていないパフォーマンスが向上しました。全体的なパフォーマンスの向上に非常に満足しています。
最新の jsfiddle と jsperf: