JSON解析済みオブジェクトを印刷しますか？

オブジェクトJSON.parseを印刷してデバッグできるように、JSON解析されたJavaScriptオブジェクトを取得しました（関数に問題があります）。私が次のことをすると...

for (property in obj) {
    output += property + ': ' + obj[property]+'; ';
}
console.log(output);

複数の[object Object]がリストされます。内容を表示するためにこれをどのように印刷するのでしょうか。

ほとんどのデバッガーコンソールは、オブジェクトの直接表示をサポートしています。使うだけ

console.log(obj);

デバッガーによっては、これにより、オブジェクトがコンソールに折りたたまれたツリーとして表示される可能性が高くなります。ツリーを開いてオブジェクトを検査できます。

JSONの意味を知っていますか？ JavaScriptオブジェクト表記。これは、オブジェクトにかなり適した形式になります。

JSON.stringify(obj) オブジェクトの文字列表現を返します。

console.dir()代わりに試してくださいconsole.log()

console.dir(obj);

MDNによるconsole.dir()と：

• FF8 +
• IE9 +
• オペラ
• クロム
• サファリ

インデント付きのきれいな複数行のJSONが必要な場合JSON.stringifyは、3番目の引数を使用できます。

JSON.stringify(value[, replacer[, space]])

例えば：

var obj = {a:1,b:2,c:{d:3, e:4}};

JSON.stringify(obj, null, "    ");

または

JSON.stringify(obj, null, 4);

次の結果が得られます：

"{
    "a": 1,
    "b": 2,
    "c": {
        "d": 3,
        "e": 4
    }
}"

ブラウザーでconsole.log(obj)はさらに優れた機能を発揮しますが、シェルコンソール（node.js）では機能しません。

入力したJSON解析済みオブジェクトを

console.log( JSON.stringify(data, null, " ") );

出力すると、出力が非常に明確になります

文字列形式を使用します。

console.log("%s %O", "My Object", obj);

Chromeには次の形式指定子があります。

• %s 値を文字列としてフォーマットします。
• %dまたは%i値を整数としてフォーマットします。
• %f 値を浮動小数点値としてフォーマットします。
• %o 値を展開可能なDOM要素としてフォーマットします（[要素]パネルなど）。
• %O 値を拡張可能なJavaScriptオブジェクトとしてフォーマットします。
• %c 指定したCSSスタイルに従って出力文字列をフォーマットします。

Firefoxには、同様のオプションを持つ文字列サブスティションもあります。

• %oJavaScriptオブジェクトへのハイパーリンクを出力します。リンクをクリックすると、インスペクターが開きます。
• %d または %i整数を出力します。フォーマットはまだサポートされていません。
• %s 文字列を出力します。
• %f浮動小数点値を出力します。フォーマットはまだサポートされていません。

Safariにはprintfスタイルのフォーマッターがあります

• %d または %i整数
• %[0.N]f N桁の精度の浮動小数点値
• %o オブジェクト
• %s ストリング

素敵でシンプル：

console.log("object: %O", obj)

使うだけ

console.info("CONSOLE LOG : ")
console.log(response);
console.info("CONSOLE DIR : ")
console.dir(response);

そして、あなたはこれをクロムコンソールで得るでしょう：

CONSOLE LOG : 
facebookSDK_JS.html:56 Object {name: "Diego Matos", id: "10155988777540434"}
facebookSDK_JS.html:57 CONSOLE DIR : 
facebookSDK_JS.html:58 Objectid: "10155988777540434"name: "Diego Matos"__proto__: Object

オブジェクトまたは配列の内容を警告するシンプルな関数。
配列、文字列、または内容を警告するオブジェクトを使用して、この関数を呼び出します。

関数

function print_r(printthis, returnoutput) {
    var output = '';

    if($.isArray(printthis) || typeof(printthis) == 'object') {
        for(var i in printthis) {
            output += i + ' : ' + print_r(printthis[i], true) + '\n';
        }
    }else {
        output += printthis;
    }
    if(returnoutput && returnoutput == true) {
        return output;
    }else {
        alert(output);
    }
}

使用法

var data = [1, 2, 3, 4];
print_r(data);

次のコードは、警告ボックスに完全なJSONデータを表示します

var data= '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

json = JSON.parse(data);
window.alert(JSON.stringify(json));

デバッグしたい場合は、なぜコンソールデバッグを使用しないのか

window.console.debug(jsonObject);

サーバー上のjsで作業している場合、もう少し体操は大いに役立ちます...これが私のppos（pretty-print-on-server）です。

ppos = (object, space = 2) => JSON.stringify(object, null, space).split('\n').forEach(s => console.log(s));

これは、サーバーコードを記述しているときに実際に読み取ることができるものを作成するという、強力な作業を行います。

どのようにして公式に作成されなかったかはわかりませんが、文字列化されたログを簡単に出力できるように、独自のjsonメソッドをconsoleオブジェクトに追加しました。

JavaScriptでのオブジェクト（非プリミティブ）を観察することであるあなたがmechanics..what量子ビットのような「測定」、すでに変更されている実際の状態、ではないかもしれません。

console.json = console.json || function(argument){
    for(var arg=0; arg < arguments.length; ++arg)
        console.log(  JSON.stringify(arguments[arg], null, 4)  )
}

// use example
console.json(   [1,'a', null, {a:1}], {a:[1,2]}    )

オブジェクトの文字列化されたバージョンを表示するには、多くの場合、オブジェクトをそのまま印刷すると（生のオブジェクト）、プログラムの進行に伴って変化する「ライブ」バージョンのオブジェクトが印刷され、オブジェクトの状態が反映されないためです。ログに記録された時点、たとえば：

var foo = {a:1, b:[1,2,3]}

// lets peek under the hood
console.log(foo) 

// program keeps doing things which affect the observed object
foo.a = 2
foo.b = null