Cara memeriksa Objek Javascript

Bagaimana cara memeriksa Objek di kotak peringatan? Biasanya memberi tahu Object hanya akan melempar nama noden:

alert(document);

Tapi saya ingin mendapatkan properti dan metode objek di kotak peringatan. Bagaimana saya dapat mencapai fungsi ini, jika memungkinkan? Atau ada saran lain?

Secara khusus, saya mencari solusi untuk lingkungan produksi di mana console.log dan Firebug tidak tersedia.

The for- inloop untuk setiap properti dalam objek atau array. Anda dapat menggunakan properti ini untuk mendapatkan nilai serta mengubahnya.

Catatan: Properti pribadi tidak tersedia untuk diperiksa, kecuali Anda menggunakan "mata-mata"; pada dasarnya, Anda mengganti objek dan menulis beberapa kode yang melakukan perulangan for-in di dalam konteks objek.

Untuk di terlihat seperti:

for (var property in object) loop();

Beberapa kode contoh:

function xinspect(o,i){
    if(typeof i=='undefined')i='';
    if(i.length>50)return '[MAX ITERATIONS]';
    var r=[];
    for(var p in o){
        var t=typeof o[p];
        r.push(i+'"'+p+'" ('+t+') => '+(t=='object' ? 'object:'+xinspect(o[p],i+'  ') : o[p]+''));
    }
    return r.join(i+'\n');
}

// example of use:
alert(xinspect(document));

Edit: Beberapa waktu lalu, saya menulis inspektur saya sendiri, jika Anda tertarik, saya senang berbagi.

Sunting 2: Ya, saya tetap menulis satu.

Bagaimana alert(JSON.stringify(object))dengan browser modern?

Jika demikian TypeError: Converting circular structure to JSON, berikut adalah opsi lainnya: Bagaimana cara membuat serial simpul DOM ke JSON meskipun ada referensi melingkar?

Dokumentasi: JSON.stringify()memberikan info tentang pemformatan atau prettifying output.

Gunakan console.dir(object)dan plugin Firebug

Ada beberapa metode:

 1. typeof tells you which one of the 6 javascript types is the object. 
 2. instanceof tells you if the object is an instance of another object.
 3. List properties with for(var k in obj)
 4. Object.getOwnPropertyNames( anObjectToInspect ) 
 5. Object.getPrototypeOf( anObject )
 6. anObject.hasOwnProperty(aProperty) 

Dalam konteks konsol, terkadang .constructor atau .prototype mungkin berguna:

console.log(anObject.constructor ); 
console.log(anObject.prototype ) ; 

Gunakan konsol Anda:

console.log(object);

Atau jika Anda memeriksa elemen dom html gunakan console.dir (object). Contoh:

let element = document.getElementById('alertBoxContainer');
console.dir(element);

Atau jika Anda memiliki array objek js, Anda dapat menggunakan:

console.table(objectArr);

Jika Anda mengeluarkan banyak console.log (objek), Anda juga dapat menulis

console.log({ objectName1 });
console.log({ objectName2 });

Ini akan membantu Anda memberi label pada objek yang ditulis ke konsol.

var str = "";
for(var k in obj)
    if (obj.hasOwnProperty(k)) //omit this test if you want to see built-in properties
        str += k + " = " + obj[k] + "\n";
alert(str);

Ini adalah penipuan terang-terangan dari jawaban Christian yang luar biasa. Saya baru saja membuatnya sedikit lebih mudah dibaca:

/**
 * objectInspector digs through a Javascript object
 * to display all its properties
 *
 * @param object - a Javascript object to inspect
 * @param result - a string of properties with datatypes
 *
 * @return result - the concatenated description of all object properties
 */
function objectInspector(object, result) {
    if (typeof object != "object")
        return "Invalid object";
    if (typeof result == "undefined")
        result = '';

    if (result.length > 50)
        return "[RECURSION TOO DEEP. ABORTING.]";

    var rows = [];
    for (var property in object) {
        var datatype = typeof object[property];

        var tempDescription = result+'"'+property+'"';
        tempDescription += ' ('+datatype+') => ';
        if (datatype == "object")
            tempDescription += 'object: '+objectInspector(object[property],result+'  ');
        else
            tempDescription += object[property];

        rows.push(tempDescription);
    }//Close for

    return rows.join(result+"\n");
}//End objectInspector

Ini inspektur objek saya yang lebih mudah dibaca. Karena kode membutuhkan waktu lama untuk ditulis di sini, Anda dapat mengunduhnya di http://etto-aa-js.googlecode.com/svn/trunk/inspector.js

Gunakan seperti ini:

document.write(inspect(object));