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

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

WBOY

Freigeben： 2016-05-16 15:18:57

Original

1552 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, 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>

Nach dem Login kopieren

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.