So überprüfen Sie Javascript-Objekte

Wie kann ich ein Objekt in einer Warnmeldung untersuchen? Wenn Sie ein Objekt normalerweise alarmieren, wird nur der Knotenname ausgegeben:

alert(document);

Ich möchte jedoch die Eigenschaften und Methoden des Objekts im Warnfeld abrufen. Wie kann ich diese Funktionalität nach Möglichkeit erreichen? Oder gibt es noch andere Vorschläge?

Insbesondere suche ich eine Lösung für eine Produktionsumgebung, in der console.log und Firebug nicht verfügbar sind.

Die for- inSchleifen für jede Eigenschaft in einem Objekt oder Array. Sie können diese Eigenschaft verwenden, um zum Wert zu gelangen und ihn zu ändern.

Hinweis: Private Objekte können nur eingesehen werden, wenn Sie einen "Spion" verwenden. Grundsätzlich überschreiben Sie das Objekt und schreiben einen Code, der eine For-In-Schleife im Kontext des Objekts ausführt.

Denn in sieht aus wie:

for (var property in object) loop();

Einige Beispielcodes:

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

Bearbeiten: Vor einiger Zeit habe ich meinen eigenen Inspektor geschrieben, wenn Sie interessiert sind, teile ich gerne.

Edit 2: Nun, ich habe sowieso einen geschrieben.

Wie wäre es alert(JSON.stringify(object))mit einem modernen Browser?

Im Falle von TypeError: Converting circular structure to JSONsind hier weitere Optionen: Wie serialisiere ich den DOM-Knoten in JSON, auch wenn Zirkelverweise vorhanden sind?

Die Dokumentation: JSON.stringify()enthält Informationen zum Formatieren oder Verschönern der Ausgabe.

Verwenden Sie console.dir(object)und das Firebug-Plugin

Es gibt nur wenige Methoden:

 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) 

In einem Konsolenkontext kann manchmal der .constructor oder .prototype nützlich sein:

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

Verwenden Sie Ihre Konsole:

console.log(object);

Oder wenn Sie HTML-Dom-Elemente untersuchen, verwenden Sie console.dir (Objekt). Beispiel:

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

Oder wenn Sie ein Array von js-Objekten haben, können Sie Folgendes verwenden:

console.table(objectArr);

Wenn Sie viel console.log (Objekte) ausgeben, können Sie auch schreiben

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

Auf diese Weise können Sie die in die Konsole geschriebenen Objekte kennzeichnen.

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

Dies ist eine offensichtliche Abzocke von Christians ausgezeichneter Antwort. Ich habe es nur ein bisschen lesbarer gemacht:

/**
 * 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

Hier ist mein Objektinspektor, der besser lesbar ist. Da das Aufschreiben des Codes zu lange dauert, können Sie ihn unter herunterladen http://etto-aa-js.googlecode.com/svn/trunk/inspector.js

Verwenden Sie wie folgt:

document.write(inspect(object));