Ausführliche Erläuterung der Verwendung von js console.log zum Drucken von Objekten und Arrays-js-Tutorial-php.cn

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

高洛峰

Freigeben： 2017-02-03 14:42:05

Original

1214 Leute haben es durchsucht

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 zum Drucken von js-Arrays und -Objekten, genau wie print_r, 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 verwendete Funktion zum Anzeigen der JS-Ausgabe Alert ist, aber Alert 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 =
  {
    &#39;id&#39;: 1,
    &#39;content&#39;: &#39;test&#39;,
    &#39;firstname&#39;: function() {
      document.getElementById(&#39;firstname&#39;).value = "zhang";
    },
    &#39;lastname&#39;: function() {
      document.getElementById(&#39;lastname&#39;).value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id=&#39;firstname&#39; name="firstname" value=&#39;&#39;>
   <input type="text" id=&#39;lastname&#39; name=&#39;lastname&#39; value=&#39;&#39;>
</body>
</html>

Nach dem Login kopieren

2. JS-Objekte in Chrome-Entwicklungstools anzeigen

js console.log打印对像与数组用法详解

Console Chrome

Wenn ich jetzt Chrome-Entwicklertools und Firebug verwende, ist die Hälfte davon die richtige Hälfte. Chrome-Entwicklertools verfügen auch über eine Funktion, die Firebug nicht hat.

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. , wenn das Bild unten

js console.log打印对像与数组用法详解