Joguei um código juntos para achatar e descompactar objetos JSON complexos / aninhados. Funciona, mas é um pouco lento (aciona o aviso de 'script longo').
Para os nomes achatados, eu quero "." como o delimitador e [INDEX] para matrizes.
Exemplos:
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}
Criei uma referência que ~ simula meu caso de uso http://jsfiddle.net/WSzec/
- Obter um objeto JSON aninhado
- Achatá-lo
- Examine-o e possivelmente modifique-o enquanto achatado
- Abra-o novamente para o formato aninhado original para ser enviado
Gostaria de um código mais rápido: para esclarecer, o código que completa o benchmark JSFiddle ( http://jsfiddle.net/WSzec/ ) significativamente mais rápido (~ 20% + seria bom) no IE 9+, FF 24+ e Chrome 29 +.
Aqui está o código JavaScript relevante: Atual mais rápida: 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 Modificado acima para a implementação da @Bergi, que atualmente é a mais rápida. Além disso, o uso de ".indexOf" em vez de "regex.exec" é cerca de 20% mais rápido no FF, mas 20% mais lento no Chrome; portanto, continuarei com o regex, pois é mais simples (aqui está minha tentativa de usar o indexOf para substituir o regex http://jsfiddle.net/WSzec/2/ ).
EDIT 2 Com base na ideia do @Bergi, consegui criar uma versão não-regex mais rápida (3x mais rápida no FF e ~ 10% mais rápida no Chrome). http://jsfiddle.net/WSzec/6/ Nesta implementação (atual), as regras para nomes de chaves são simples: as chaves não podem começar com um número inteiro ou conter um período.
Exemplo:
- {"foo": {"bar": [0]}} => {"foo.bar.0": 0}
EDIT 3 A adição da abordagem de análise de caminho em linha do @AaditMShah (em vez de String.split) ajudou a melhorar o desempenho não uniforme. Estou muito feliz com a melhoria geral de desempenho alcançada.
Os últimos jsfiddle e jsperf:
fonte
[1].[1].[0]
parece errado para mim. Tem certeza de que este é o resultado desejado?Respostas:
Aqui está minha implementação muito mais curta:
flatten
não mudou muito (e não tenho certeza se você realmente precisa dessesisEmpty
casos):Juntos, eles executam seu benchmark na metade do tempo (Opera 12.16: ~ 900ms em vez de ~ 1900ms, Chrome 29: ~ 800ms em vez de ~ 1600ms).
Nota: Esta e a maioria das outras soluções respondidas aqui concentram-se na velocidade e são suscetíveis à poluição do protótipo e o shold não deve ser usado em objetos não confiáveis.
fonte
result === data
não vai funcionar, eles nunca são idênticos.Eu escrevi duas funções
flatten
eunflatten
um objeto JSON.Achatar um objeto JSON :
Desempenho :
Desatena um objeto JSON :
Desempenho :
Achatar e desatar um objeto JSON :
No geral, minha solução tem um desempenho igualmente bom ou até melhor do que a solução atual.
Desempenho :
Formato de saída :
Um objeto nivelado usa a notação de ponto para propriedades do objeto e a notação de colchete para índices de matriz:
{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}
Na minha opinião, este formato é melhor do que usar apenas a notação de ponto:
{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}
Vantagens :
Desvantagens :
A demonstração atual do JSFiddle forneceu os seguintes valores como saída:
Minha demo atualizada do JSFiddle forneceu os seguintes valores como saída:
Não tenho muita certeza do que isso significa, portanto, continuarei com os resultados do jsPerf. Afinal, o jsPerf é um utilitário de benchmarking de desempenho. JSFiddle não é.
fonte
unflatten({"foo.__proto__.bar": 42})
3 anos e meio depois ...
Para o meu próprio projeto, eu queria achatar objetos JSON na notação de ponto mongoDB e criei uma solução simples:
Características e / ou advertências
{a: () => {}}
você pode não conseguir o que queria!{a: {}, b: []}
é achatado{}
.fonte
{"x": "abc\"{x}\"yz"}
torna-se o{ "x": "abc"{,"x",}"yz"}
que não é válido.Versão ES6:
Exemplo:
fonte
Date
, alguma idéia de como fazer isso? Por exemplo, comflatten({a: {b: new Date()}});
Aqui está outra abordagem que é mais lenta (cerca de 1000ms) do que a resposta acima, mas tem uma ideia interessante :-)
Em vez de iterar através de cada cadeia de propriedades, apenas escolhe a última propriedade e usa uma tabela de consulta para o restante para armazenar os resultados intermediários. Essa tabela de consulta será iterada até que não haja mais cadeias de propriedades e todos os valores residam em propriedades não localizadas.
Atualmente, ele usa o
data
parâmetro de entrada para a tabela e coloca muitas propriedades nela - uma versão não destrutiva também deve ser possível. Talvez umlastIndexOf
uso inteligente tenha um desempenho melhor que o regex (depende do mecanismo de regex).Veja em ação aqui .
fonte
unflatten
o objeto achatado corretamente. Por exemplo, considere a matriz[1,[2,[3,4],5],6]
. Suaflatten
função achata esse objeto{"[0]":1,"[1][0]":2,"[1][1][0]":3,"[1][1][1]":4,"[1][2]":5,"[2]":6}
. Suaunflatten
função, no entanto, incorretamente desatende o objeto achatado[1,[null,[3,4]],6]
. A razão pela qual isso acontece é devido à declaraçãodelete data[p]
que exclui prematuramente o valor intermediário[2,null,5]
antes de[3,4]
ser adicionada a ele. Use uma pilha para resolvê-lo. :-)Você pode usar https://github.com/hughsk/flat
Exemplo do documento
fonte
Esse código nivela recursivamente objetos JSON.
Incluí meu mecanismo de temporização no código e ele me dá 1ms, mas não tenho certeza se esse é o mais preciso.
Resultado:
fonte
typeof some === 'object'
é mais rápidosome instanceof Object
desde que a primeira verificação seja realizada em O1 e a segunda em On, onde n é o comprimento de uma cadeia de herança (o objeto será sempre o último).Adicionei +/- 10-15% de eficiência à resposta selecionada refatorando um código menor e movendo a função recursiva para fora do espaço de nomes da função.
Veja minha pergunta: as funções com espaço para nome são reavaliadas a cada chamada? por que isso diminui as funções aninhadas.
Veja benchmark .
fonte
Aqui está o meu. Ele é executado em <2ms no Script do Google Apps em um objeto considerável. Ele usa traços em vez de pontos para separadores, e não lida com matrizes especialmente como na pergunta do autor, mas é isso que eu queria para o meu uso.
Exemplo:
Exemplo de saída:
fonte
Use esta biblioteca:
Uso (em https://www.npmjs.com/package/flat ):
Achatar:
Desachatar:
fonte
Gostaria de adicionar uma nova versão do flatten case (isso é o que eu precisava :)) que, de acordo com minhas análises com o jsFiddler acima, é um pouco mais rápido que o atualmente selecionado. Além disso, eu pessoalmente vejo esse trecho um pouco mais legível, o que é obviamente importante para projetos com vários desenvolvedores.
fonte
Aqui está um código que escrevi para achatar um objeto com o qual estava trabalhando. Ele cria uma nova classe que pega todos os campos aninhados e os traz para a primeira camada. Você pode modificá-lo para não ficar liso lembrando o posicionamento original das chaves. Ele também assume que as chaves são únicas, mesmo entre objetos aninhados. Espero que ajude.
Como exemplo, ele converte
para dentro
fonte