Wie kann ich ein JavaScript-Objekt?

Native JSON.stringify Methode.
Funktioniert auch mit verschachtelten Objekte und alle gängigen Browser Unterstützung dieser Methode.

str = JSON.stringify(obj);
str = JSON.stringify(obj, null, 4); //(Optional) beautiful indented output.
console.log(str); //Logs output to dev tools console.
alert(str); //Displays output using window.alert()

Link zu Mozilla-API-Referenz und andere Beispiele.

obj = JSON.parse(str); //Reverses above operation (Just in case if needed.)

Verwenden Sie eine benutzerdefinierte JSON.stringify replacer wenn Sie
stoßen diese Javascript-Fehler

"Uncaught TypeError: Converting circular structure to JSON"

InformationsquelleAutor Sandeep

console.dir(object):

Zeigt eine interaktive Liste der Eigenschaften, die das angegebene JavaScript-Objekt. Diese Liste können Sie verwenden Dreiecksymbol, um überprüfen Sie den Inhalt der untergeordneten Objekte.

Beachten Sie, dass die console.dir() Funktion ist nicht standard. Sehen MDN Web-Docs

InformationsquelleAutor Pizzaiola Gorgonzola

Gut, Firefox (Dank an @Bojangles für detaillierte Informationen) hat - Objekt.toSource() Methode, die druckt Objekte als JSON und function(){}.

Das reicht für die meisten debugging-Zwecke, denke ich.

InformationsquelleAutor alamar

In NodeJS Sie drucken können ein Objekt mithilfe util.inspizieren(obj). Werden Sie sicher, dass die Tiefe oder haben Sie nur eine flache drucken des Objekts.

InformationsquelleAutor Lander

Funktion:

var print = function(o){
    var str='';

    for(var p in o){
        if(typeof o[p] == 'string'){
            str+= p + ': ' + o[p]+'; </br>';
        }else{
            str+= p + ': { </br>' + print(o[p]) + '}';
        }
    }

    return str;
}

Verwendung:

var myObject = {
    name: 'Wilson Page',
    contact: {
        email: '[email protected]',
        tel: '123456789'
    }  
}

$('body').append( print(myObject) );

Beispiel:

http://jsfiddle.net/WilsonPage/6eqMn/

InformationsquelleAutor wilsonpage

Verwenden:

console.log('print object: ' + JSON.stringify(session));

InformationsquelleAutor Walter Caraza

Wenn Sie möchten, drucken Sie das Objekt Ihrer vollen Länge, können

Konsole.log(require('util').inspizieren(obj, {showHidden: false, Tiefe: null})

Wenn Sie möchten, drucken Sie das Objekt durch Konvertierung in den string dann

Konsole.log(JSON.stringify(obj));

InformationsquelleAutor sreepurna

(Dies wurde Hinzugefügt, um "meine Bibliothek" in GitHub)

Neu zu erfinden das Rad hier! Keine dieser Lösungen gearbeitet, die für meine situation. Also, ich schnell verarztet, bis pagewil Antwort. Dieser ist nicht für das drucken auf dem Bildschirm (über die Konsole oder die textfield-oder was auch immer). Es ist jedoch für den transport von Daten. Diese version scheint die Rückkehr ein sehr ähnliches Ergebnis wie bei der toSource(). Ich habe nicht versucht JSON.stringify, aber ich nehme an, dies ist über die gleiche Sache. Das Ergebnis dieser Funktion ist ein gültiges Javascript-Objekt Erklärung.

Ich würde nicht zweifeln, wenn so etwas war schon auf SO irgendwo, aber es war einfach kürzer zu machen, als zu verbringen, während die Suche Vergangenheit Antworten. Und da diese Frage war mein top-Treffer auf google, wenn ich suchte über diese; ich dachte, man es hier vielleicht auch anderen helfen.

Jedenfalls ergibt sich aus dieser Funktion wird eine string-Darstellung des Objekts, auch wenn ein Objekt eingebettete Objekte und arrays, und auch wenn diese Objekte oder arrays haben noch weitere eingebettete Objekte und arrays. (Ich habe gehört, Sie trinken mag? So, ich motzt Ihr Auto mit einem Kühler. Und dann motzt Ihr Kühler mit einem Kühler. So, Ihr Kühler trinken kann, während Ihr cool sein.)

Arrays gespeichert sind, mit [] statt {} und so dont haben Schlüssel/Wert-Paare, nur Werte. Wie bei normalen arrays. Daher bekommen Sie geschaffen, wie zum Beispiel arrays tun.

Auch, alle-string (einschließlich des key-Namen) angegeben sind, ist dies nicht notwendig, es sei denn, diese Saiten haben spezielle Zeichen (z.B. ein Leerzeichen oder ein Schrägstrich). Aber ich hatte nicht das Gefühl, wie die Detektion dieser einfach zu entfernen, einige Zitate, die sonst noch gut funktionieren.

Dieser string kann dann mit eval oder einfach nur dumping es in einem var-thru-string-manipulation. So, neu zu erstellen, Ihr Objekt wieder aus dem text.

function ObjToSource(o){
    if (!o) return 'null';
    var k="",na=typeof(o.length)=="undefined"?1:0,str="";
    for(var p in o){
        if (na) k = "'"+p+ "':";
        if (typeof o[p] == "string") str += k + "'" + o[p]+"',";
        else if (typeof o[p] == "object") str += k + ObjToSource(o[p])+",";
        else str += k + o[p] + ",";
    }
    if (na) return "{"+str.slice(0,-1)+"}";
    else return "["+str.slice(0,-1)+"]";
}

Lassen Sie mich wissen, wenn ich habe alles vermasselt, funktioniert gut in meinen Tests. Außerdem ist die einzige Möglichkeit die ich mir vorstellen könnte zu erkennen geben array war zu prüfen, ob length. Da Javascript wirklich speichert arrays als Objekte, ich kann nicht wirklich überprüfen Sie für den Typ array (es gibt keine solchen!). Wenn jemand weiß, einen besseren Weg, ich würde lieben, es zu hören. Weil, wenn Ihr Objekt hat eine Eigenschaft namens length dann diese Funktion irrtümlich behandeln, als ein array.

EDIT: Hinzugefügt check für null-Objekte bewertet. Dank Brock Adams

EDIT: Unten ist der Feste Funktion, um drucken zu können, unendlich rekursiven Objekte. Dieser druckt nicht das gleiche wie toSource von FF, weil toSource drucken die unendliche Rekursion zu einer Zeit, wo, wie, diese Funktion wird es töten sofort. Diese Funktion läuft langsamer als der obige, so dass ich bin das hinzufügen es hier anstelle der Bearbeitung der oben genannten Funktion, als seinen nur erforderlich, wenn Sie planen, um Objekte übergeben, die den link zurück zu sich selbst, irgendwo.

const ObjToSource=(o)=> {
    if (!o) return null;
    let str="",na=0,k,p;
    if (typeof(o) == "object") {
        if (!ObjToSource.check) ObjToSource.check = new Array();
        for (k=ObjToSource.check.length;na<k;na++) if (ObjToSource.check[na]==o) return '{}';
        ObjToSource.check.push(o);
    }
    k="",na=typeof(o.length)=="undefined"?1:0;
    for(p in o){
        if (na) k = "'"+p+"':";
        if (typeof o[p] == "string") str += k+"'"+o[p]+"',";
        else if (typeof o[p] == "object") str += k+ObjToSource(o[p])+",";
        else str += k+o[p]+",";
    }
    if (typeof(o) == "object") ObjToSource.check.pop();
    if (na) return "{"+str.slice(0,-1)+"}";
    else return "["+str.slice(0,-1)+"]";
}

Test:

var test1 = new Object();
test1.foo = 1;
test1.bar = 2;

var testobject = new Object();
testobject.run = 1;
testobject.fast = null;
testobject.loop = testobject;
testobject.dup = test1;

console.log(ObjToSource(testobject));
console.log(testobject.toSource());

Ergebnis:

{'run':1,'fast':null,'loop':{},'dup':{'foo':1,'bar':2}}
({run:1, fast:null, loop:{run:1, fast:null, loop:{}, dup:{foo:1, bar:2}}, dup:{foo:1, bar:2}})

HINWEIS: Sie Versuchen, zu drucken document.body ist ein schreckliches Beispiel. Zum einen, FF druckt nur eine leere string-Objekt bei Verwendung toSource. Und bei der Verwendung der Funktion oben, FF stürzt auf SecurityError: The operation is insecure.. Und Chrome stürzen auf Uncaught RangeError: Maximum call stack size exceeded. Klar, document.body war nicht dazu gedacht, in eine Zeichenfolge konvertiert werden. Weil Ihr entweder zu groß, oder gegen die Sicherheits-policy für den Zugriff auf bestimmte Eigenschaften. Es sei denn, ich etwas Durcheinander hier oben, sagen Sie!

InformationsquelleAutor Pimp Trizkit

Der einfachste Weg:

console.log(obj);

Oder mit einer Nachricht:

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

Das erste Objekt, das Sie übergeben können, enthalten ein oder mehrere format-Bezeichner. Ein Formatbezeichner ist, bestehend aus dem Prozentzeichen (%) gefolgt von einem Buchstaben, der angibt, die Formatierung zu übernehmen.

Mehr Formatbezeichner

InformationsquelleAutor 3DRobert

var list = function(object) {
   for(var key in object) {
     console.log(key);
   }
}

wo object ist Ihr Objekt

oder Sie können diese in den chrome dev-tools "Konsole" - tab:

console.log(object);

InformationsquelleAutor user3632930

Hier ist ein Weg, es zu tun:

console.log("%o", obj);

InformationsquelleAutor Anton Harniakou

Verwenden Sie einfach

JSON.stringify(obj)

Beispiel

var args_string = JSON.stringify(obj);
console.log(args_string);

Oder

alert(args_string);

Beachten Sie auch in javascript-Funktionen sind als Objekte.

Eigentlich Sie weisen neue Eigenschaft, wie diese

foo.moo = "stackoverflow";
console.log(foo.moo);

InformationsquelleAutor Raza Rafaideen

Kleine Helfer-Funktion, die ich immer in meinen Projekten für eine einfache, schnelle Debuggen über die Konsole.
Inspiration genommen von Laravel.

/**
 * @param variable mixed  The var to log to the console
 * @param varName string  Optional, will appear as a label before the var
 */
function dd(variable, varName) {
    var varNameOutput;

    varName = varName || '';
    varNameOutput = varName ? varName + ':' : '';

    console.warn(varNameOutput, variable, ' (' + (typeof variable) + ')');
}

Nutzung

dd(123.55); Ausgänge:

var obj = {field1: 'xyz', field2: 2016};
dd(obj, 'My Cool Obj'); 

InformationsquelleAutor George Kagan

Weitere Modifikation des pagewils code... seine nicht ausdrucken, alles andere als Zeichenfolgen und lässt die Zahl und boolean Felder leer und ich der festen Tippfehler auf der zweiten typeof nur innerhalb der Funktion erstellt von megaboss.

var print = function( o, maxLevel, level )
{
    if ( typeof level == "undefined" )
    {
        level = 0;
    }
    if ( typeof maxlevel == "undefined" )
    {
        maxLevel = 0;
    }

    var str = '';
    //Remove this if you don't want the pre tag, but make sure to remove
    //the close pre tag on the bottom as well
    if ( level == 0 )
    {
        str = '<pre>';   //can also be <pre>
    }

    var levelStr = '<br>';
    for ( var x = 0; x < level; x++ )
    {
        levelStr += '    ';   //all those spaces only work with <pre>
    }

    if ( maxLevel != 0 && level >= maxLevel )
    {
        str += levelStr + '...<br>';
        return str;
    }

    for ( var p in o )
    {
        switch(typeof o[p])
        {
          case 'string':
          case 'number':    //.tostring() gets automatically applied
          case 'boolean':   //ditto
            str += levelStr + p + ': ' + o[p] + ' <br>';
            break;

          case 'object':    //this is where we become recursive
          default:
            str += levelStr + p + ': [ <br>' + print( o[p], maxLevel, level + 1 ) + levelStr + ']</br>';
            break;
        }
    }

    //Remove this if you don't want the pre tag, but make sure to remove
    //the open pre tag on the top as well
    if ( level == 0 )
    {
        str += '</pre>';   //also can be </pre>
    }
    return str;
};

InformationsquelleAutor ppetree

Ich lieber mit console.table für immer klar-Objekt-format, so stellen Sie sich vor Sie haben in diesem Objekt:

const obj = {name: 'Alireza', family: 'Dezfoolian', gender: 'male', netWorth: "$0"};

Und Sie werden Sie sehen, eine saubere und gut lesbare Tabelle wie unten:

InformationsquelleAutor Alireza