복잡한 / 중첩 된 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 객체 가져 오기
- 그것을 평평하게
- 그것을 보면서 평평한 동안 수정하십시오.
- 원래의 중첩 형식으로 다시 전개하여 운송합니다.
더 빠른 코드를 원합니다 : 명확하게하기 위해 IE 9 +, FF 24 + 및 Chrome 29 에서 JSFiddle 벤치 마크 ( http://jsfiddle.net/WSzec/ )를 훨씬 더 빠르게 완료하는 코드 (~ 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;
}편집 1 위의 내용을 현재 가장 빠른 @Bergi 구현으로 수정했습니다. 또한 "regex.exec"대신 ".indexOf"를 사용하면 FF는 약 20 % 빠르지 만 Chrome에서는 20 % 느립니다. 그래서 정규식이 더 간단하기 때문에 정규식을 고수 할 것입니다 (여기서 정규식 http://jsfiddle.net/WSzec/2/ 을 대체하기 위해 indexOf를 사용하려는 시도가 있습니다 ).
편집 2 @ Bergi의 아이디어를 바탕으로 더 빠른 비정규 버전을 만들었습니다 (FF에서 3 배 빠르며 Chrome에서는 ~ 10 % 빠름). http://jsfiddle.net/WSzec/6/ this (현재) 구현에서 키 이름에 대한 규칙은 간단합니다. 키는 정수로 시작하거나 마침표를 포함 할 수 없습니다.
예:
- { "foo": { "bar": [0]}} => { "foo.bar.0": 0}
편집 3 @AaditMShah의 인라인 경로 구문 분석 방식 (String.split 대신)을 추가하면 성능이 향상되지 않았습니다. 전반적인 성능 향상에 매우 만족합니다.
최신 jsfiddle 및 jsperf :
[1].[1].[0]나에게 잘못 보인다. 이것이 원하는 결과입니까?