Heim > Artikel > Web-Frontend > Ausführliche Erläuterung der Fähigkeiten zum Drucken von Objekten und Arrays in js console.log

Ausführliche Erläuterung der Fähigkeiten zum Drucken von Objekten und Arrays in js console.log

WBOYOriginal: 2016-05-16 15:18:571534Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung von js console.log zum Drucken von Objekten und Arrays. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Was ist console.log? Es ist eigentlich nur eine Funktion, die js-Arrays und -Objekte druckt, genau wie print_r und var_dump von PHP. Über die Funktion console.log selbst gibt es nicht viel zu sagen. In diesem Blog erfahren Sie, wie Sie diese Funktion verwenden. Bevor ich über diese Funktion spreche, denke ich, dass die am häufigsten zum Anzeigen der JS-Ausgabe verwendete Funktion die Warnung ist, aber die Warnung kann nur String oder Int

abspielen

1. Testdatei test.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>console.log test</title>
</head>
<script type="text/javascript">
var testobj =
  {
    'id': 1,
    'content': 'test',
    'firstname': function() {
      document.getElementById('firstname').value = "zhang";
    },
    'lastname': function() {
      document.getElementById('lastname').value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id='firstname' name="firstname" value=''>
   <input type="text" id='lastname' name='lastname' value=''>
</body>
</html>

2. Js-Objekte mit Chrome-Entwicklungstools anzeigen

Konsole Chrom

Wenn ich jetzt Chrome-Entwicklertools und Firebug verwende, sind sie halb und halb. Chrome-Entwicklertools verfügen außerdem über eine Funktion, die Firebug nicht bietet.

Die Konsole kann js ausführen. Wenn es sich bei der Seite um einen Iframe handelt, kann Firebug nur auf der übergeordneten Seite ausgeführt werden, und Chrome kann die darin enthaltene Seite zur Ausführung auswählen, wie unten gezeigt

Chrome-Iframe-Konsole

3. Js-Objekte in Firebug anzeigen

Firebug-Konsole

Leser, die an weiteren Inhalten im Zusammenhang mit JavaScript-Arrays interessiert sind, können sich das spezielle Thema auf dieser Website ansehen: „Zusammenfassung der Kenntnisse im Umgang mit JavaScript-Arrays“

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Clevere Verwendung der beforeSend-Methode von Ajax in Jquery_jqueryNächster Artikel：Clevere Verwendung der beforeSend-Methode von Ajax in Jquery_jquery

In Verbindung stehende Artikel

Mehr sehen