Heim Web-Frontend js-Tutorial 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

May 16, 2016 pm 03:18 PM
js 打印 数组

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.

Erklärung dieser Website
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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung

Wie entferne ich doppelte Elemente mithilfe einer foreach-Schleife aus einem PHP-Array? Wie entferne ich doppelte Elemente mithilfe einer foreach-Schleife aus einem PHP-Array? Apr 27, 2024 am 11:33 AM

Wie entferne ich doppelte Elemente mithilfe einer foreach-Schleife aus einem PHP-Array?

PHP-Array-Schlüsselwertumdrehen: Vergleichende Leistungsanalyse verschiedener Methoden PHP-Array-Schlüsselwertumdrehen: Vergleichende Leistungsanalyse verschiedener Methoden May 03, 2024 pm 09:03 PM

PHP-Array-Schlüsselwertumdrehen: Vergleichende Leistungsanalyse verschiedener Methoden

Praxis der mehrdimensionalen Sortierung von PHP-Arrays: von einfachen bis hin zu komplexen Szenarien Praxis der mehrdimensionalen Sortierung von PHP-Arrays: von einfachen bis hin zu komplexen Szenarien Apr 29, 2024 pm 09:12 PM

Praxis der mehrdimensionalen Sortierung von PHP-Arrays: von einfachen bis hin zu komplexen Szenarien

Die Kunst des PHP Array Deep Copy: Mit verschiedenen Methoden eine perfekte Kopie erzielen Die Kunst des PHP Array Deep Copy: Mit verschiedenen Methoden eine perfekte Kopie erzielen May 01, 2024 pm 12:30 PM

Die Kunst des PHP Array Deep Copy: Mit verschiedenen Methoden eine perfekte Kopie erzielen

Anwendung der PHP-Array-Gruppierungsfunktion bei der Datensortierung Anwendung der PHP-Array-Gruppierungsfunktion bei der Datensortierung May 04, 2024 pm 01:03 PM

Anwendung der PHP-Array-Gruppierungsfunktion bei der Datensortierung

Best Practices für Deep Copying von PHP-Arrays: Entdecken Sie effiziente Methoden Best Practices für Deep Copying von PHP-Arrays: Entdecken Sie effiziente Methoden Apr 30, 2024 pm 03:42 PM

Best Practices für Deep Copying von PHP-Arrays: Entdecken Sie effiziente Methoden

Die Rolle der PHP-Array-Gruppierungsfunktion beim Auffinden doppelter Elemente Die Rolle der PHP-Array-Gruppierungsfunktion beim Auffinden doppelter Elemente May 05, 2024 am 09:21 AM

Die Rolle der PHP-Array-Gruppierungsfunktion beim Auffinden doppelter Elemente

See all articles