Cetak objek yang diuraikan JSON?

Saya punya objek javascript yang telah diuraikan menggunakan JSON JSON.parseSaya sekarang ingin mencetak objek sehingga saya bisa men-debug-nya (ada yang salah dengan fungsi). Ketika saya melakukan hal berikut ...

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

Saya mendapatkan beberapa [Objek objek] terdaftar. Saya bertanya-tanya bagaimana cara saya mencetak ini untuk melihat konten?

Kebanyakan konsol debugger mendukung menampilkan objek secara langsung. Gunakan saja

console.log(obj);

Tergantung pada debugger Anda, kemungkinan besar ini akan menampilkan objek di konsol sebagai pohon runtuh. Anda dapat membuka pohon dan memeriksa objek.

Anda tahu apa kepanjangan JSON? Notasi Obyek JavaScript . Itu membuat format yang cukup bagus untuk objek.

JSON.stringify(obj) akan memberi Anda representasi string objek.

coba console.dir()bukanconsole.log()

console.dir(obj);

MDN mengatakan console.dir()didukung oleh:

• FF8 +
• IE9 +
• Opera
• Chrome
• Safari

Jika Anda menginginkan JSON multiline cantik dengan lekukan maka Anda dapat menggunakan JSON.stringifyargumen ke-3:

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

Sebagai contoh:

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

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

atau

JSON.stringify(obj, null, 4);

akan memberi Anda hasil sebagai berikut:

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

Di browser console.log(obj)bahkan melakukan pekerjaan yang lebih baik, tetapi di konsol shell (node.js) tidak.

untuk mencetak objek parsing JSON cukup ketik

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

dan Anda akan mendapatkan hasil yang sangat jelas

Gunakan format string;

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

Chrome memiliki Penentu Format dengan berikut ini;

• %s Memformat nilai sebagai string.
• %datau %iMemformat nilai sebagai bilangan bulat.
• %f Memformat nilai sebagai nilai floating point.
• %o Memformat nilai sebagai elemen DOM yang dapat diperluas (seperti pada panel Elemen).
• %O Memformat nilai sebagai objek JavaScript yang dapat diperluas.
• %c Memformat string keluaran sesuai dengan gaya CSS yang Anda berikan.

Firefox juga memiliki String Substitions yang memiliki opsi serupa.

• %oMenghasilkan hyperlink ke objek JavaScript. Mengklik tautan membuka inspektur.
• %datau %iMenghasilkan bilangan bulat. Pemformatan belum didukung.
• %s Menghasilkan string.
• %fMenghasilkan nilai floating-point. Pemformatan belum didukung.

Safari memiliki format gaya printf

• %datau %iInteger
• %[0.N]f Nilai titik apung dengan N digit presisi
• %o Obyek
• %s Tali

Bagus dan sederhana:

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

Gunakan saja

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

dan Anda akan mendapatkan ini di konsol chrome:

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

Fungsi sederhana untuk mengingatkan konten suatu objek atau array.
Panggil fungsi ini dengan array atau string atau objek yang memberitahukan isinya.

Fungsi

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);
    }
}

Pemakaian

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

Kode berikut akan menampilkan data json lengkap di kotak peringatan

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

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

Jika Anda ingin men-debug mengapa tidak menggunakan debug konsol

window.console.debug(jsonObject);

Jika Anda bekerja di js di server, hanya sedikit lebih banyak senam berjalan jauh ... Inilah ppos saya (cantik-cetak-di-server):

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

yang melakukan bang-up pekerjaan menciptakan sesuatu yang saya benar-benar dapat membaca ketika saya sedang menulis kode server.

Saya tidak tahu bagaimana ini tidak pernah dibuat secara resmi, tetapi saya telah menambahkan jsonmetode saya sendiri ke consoleobjek untuk mencetak log yang lebih mudah:

Mengamati Objek (non-primitif) dalam javascript sedikit seperti mekanika kuantum .. apa yang Anda "ukur" mungkin bukan keadaan sebenarnya, yang sudah berubah.

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]}    )

Berkali-kali diperlukan untuk melihat versi objek yang dikencangkan karena mencetaknya apa adanya (Objek mentah) akan mencetak versi "langsung" objek yang dimutasi saat program berlangsung, dan tidak akan mencerminkan keadaan objek tersebut. pada titik waktu yang dicatat, misalnya:

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