Wie man ein JavaScript-Objekt in der Konsole und auf der Seite ausgibt: vollständige Anleitung

Hallo zusammen! Ich habe gerade angefangen, JavaScript zu lernen, und bin auf ein Problem gestoßen. Wenn ich versuche, ein Objekt mit console.log() in der Konsole auszugeben, sehe ich so etwas wie [object Object]. Zum Beispiel: ```javascript let user = { name: "Anna", age: 25, isAdmin: true }; console.log(user); // Gibt aus: [object Object] ``` Ich möchte den Inhalt des Objekts sehen: Name, Alter usw. Wie kann ich das machen? Ich habe versucht, das Objekt einfach mit document.write() auf der Seite auszugeben – das Ergebnis war dasselbe. Außerdem muss ich das Objekt in ein HTML-Element ausgeben, zum Beispiel in ein div. Ich habe es so versucht: ```javascript document.getElementById('output').innerHTML = user; ``` Aber im div erscheint der Text "[object Object]". Könnt ihr mir bitte sagen, wie ich ein Objekt richtig in der Konsole und auf der Webseite anzeigen kann? Gibt es einen Unterschied zwischen Browsern? Muss ich vielleicht spezielle Methoden verwenden? Vielen Dank im Voraus für eure Hilfe! <<>>

Das Problem und seine Ursache

Wenn Sie versuchen, ein Objekt über console.log() auszugeben, wird standardmäßig die toString()-Methode des Objekts aufgerufen, die standardmäßig [object Object] zurückgibt. Das Gleiche passiert, wenn Sie das Objekt direkt in HTML einfügen.