Object Dump JavaScript

89

Existe um complemento / aplicativo de terceiros ou alguma maneira de executar o despejo do mapa de objetos no depurador de script para um objeto JavaScript?

Aqui está a situação ... Eu tenho um método sendo chamado duas vezes, e a cada vez algo está diferente. Não tenho certeza do que é diferente, mas algo está. Portanto, se eu pudesse despejar todas as propriedades de window (ou pelo menos window.document) em um editor de texto, eu poderia comparar o estado entre as duas chamadas com um arquivo diff simples. Pensamentos?

javascript 
— Jessy Houle
fonte
— Jan Hudec

Respostas:

61

Firebug +console.log(myObjectInstance)

— Darin Dimitrov
fonte
4
... e olhe para o console Firebug e não o console Javascript padrão . :-)
— towi
3
O IE tem um console, mas o registro de um objeto retorna [object Object]. Não é muito útil
— Steve Robbins
5
@SteveRobbins, quem usa o Internet Explorer para desenvolver aplicações web atualmente? Pessoalmente, o único uso que encontrei até agora para o Internet Explorer é fazer o download de um navegador da Web real depois de reinstalar meu sistema operacional Windows. A propósito, essa é a única vez que lanço este software.
— Darin Dimitrov
8
Qualquer desenvolvedor que ofereça suporte aos principais navegadores. Se o problema só existe no IE, ele só pode ser testado no IE, então você deve usar o navegador.
— Steve Robbins
2
E se você estiver usando node.js e um terminal .. Não há firebug ??
— Cheruvim
134 
console.log("my object: %o", myObj)

Caso contrário, você acabará com uma representação de string que às vezes exibe:

[object Object]

ou algo assim.

— Tim
fonte
3
apenas imprime [Object Object] para Chrome e Firefox. <shrug>
— slashdottir
1
@slashdottir Funciona absolutamente no Chrome e FF. Eu o uso no Chrome pelo menos todas as semanas e ocasionalmente no FF.
— Tim
1
@Tim: você está certo, funciona. por favor, dê-me licença. usuário err
— slashdottir
Como diabos esta não é a resposta selecionada? Sorte minha que essa pergunta foi respondida no meu aniversário, 4 anos atrás, quando eu não estava usando o js.
— Joey Carson,
2
No Meteor (lado do servidor) ele imprime my object: %o. Não é muito útil :)
— Erdal G.
45 
function mydump(arr,level) {
    var dumped_text = "";
    if(!level) level = 0;

    var level_padding = "";
    for(var j=0;j<level+1;j++) level_padding += "    ";

    if(typeof(arr) == 'object') {  
        for(var item in arr) {
            var value = arr[item];

            if(typeof(value) == 'object') { 
                dumped_text += level_padding + "'" + item + "' ...\n";
                dumped_text += mydump(value,level+1);
            } else {
                dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
            }
        }
    } else { 
        dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
    }
    return dumped_text;
}
— Zhongshu
fonte
4
Atualize seu código com a alteração do nome da função, como na chamada de recursão, ela é chamada de "dump" enquanto define a hora de seu "mydump"
— Vikas
7
— utopianheaven
1
isso mata o Chrome e o Firefox com "demasiada recursão" quando usado para examinar um objeto jquery
— slashdottir
@slashdottir é fácil de consertar, verificandoif (level > 10) return level_padding + '<< too deep >>';
— John Henckel
O "excesso de recursão" ocorre devido à referência circular (quando o parâmetro filho de um objeto faz referência ao seu objeto pai). Pode ser resolvido lembrando todos os pais do valor atual e se o valor atual corresponder a um dos pais, pare de pesquisar mais.
— Alex Velickiy
42

Se você estiver no Chrome, Firefox ou IE10 +, por que não estender o console e usar

(function() {
    console.dump = function(object) {
        if (window.JSON && window.JSON.stringify)
            console.log(JSON.stringify(object));
        else
            console.log(object);
    };
})();

para uma solução concisa para vários navegadores.

— Chris HG
fonte
Eu gosto deste. Especialmente para navegadores que não suportam dumping de objetos.
— Aley de
E talvez substitua aquele "else console.log (object);" com uma chamada para uma função de passagem personalizada como em stackoverflow.com/a/3011557/2236012 acima? ...;)
— CB
@CB "recursão demais" e um navegador travado é o que isso me leva no Firefox e no Chrome.
— slashdottir
3
JSON.stringify não pode serializar estruturas cíclicas. Não funcionará para todos os objetos.
— Grzegorz Luczywo
24

Apenas use:

console.dir(object);

você obterá uma representação de objeto clicável agradável. Funciona no Chrome e Firefox

— Mons droid
fonte
1
Chrome e Firefox fornecem [object Object]
— slashdottir
Você pode testá-lo no console (Hit F12) com console.dir({bar:"foo"}); Seu objeto sobrescreve o método toString?
— mons droid de
parece estar funcionando no console, pelo menos. provavelmente userr por mim. obrigado
— slashdottir
um recurso tão doce
— tomalone
12

Para Chrome / Chromium

console.log(myObj)

ou é equivalente

console.debug(myObj)
— Kaznovac
fonte
4

Usar console.log(object)irá lançar seu objeto para o console Javascript, mas nem sempre é isso que você deseja. Usar JSON.stringify(object)retornará a maioria das coisas a serem armazenadas em uma variável, por exemplo, para enviá-las para uma entrada de textarea e enviar o conteúdo de volta ao servidor.

— Sebastian
fonte
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.