Heim > Artikel > Web-Frontend > Wie kann ich ein Array von Strukturen in JavaScript anzeigen?
Wie kann ich ein Array von Strukturen in JavaScript anzeigen?
- WBOYnach vorne
- 2023-08-30 14:37:05715Durchsuche
Der einfachste Weg, JavaScript-Code zu debuggen, ist die Verwendung von console.log(), das viele Entwickler verwenden. Manchmal müssen wir zum Debuggen die Struktur eines Arrays und die gespeicherten Werte verstehen. In diesem Tutorial lernen wir, eine Reihe von Strukturen anzuzeigen.
Verschiedene JavaScript-Methoden ermöglichen es uns, die Struktur eines Arrays zu überprüfen. Beispielsweise können wir erkennen, ob ein Array Objekte, verschachtelte Arrays, Zeichenfolgen, Zahlen oder boolesche Werte enthält.
Verwenden Sie die JSON.stringify()-Methode
Mit der Methode JSON.stringify() können wir ein JSON-Objekt in einen String konvertieren. Ein Array ist auch ein Objekt in JavaScript, daher können wir die Methode JSON.stringify() verwenden, um ein Array in einen String umzuwandeln. Wenn das Array Objekte enthält, wird „[object object]“ in der Ergebniszeichenfolge angezeigt.
Grammatik
Benutzer können die Methode JSON.stringify() gemäß der folgenden Syntax verwenden, um die Struktur des Arrays anzuzeigen.
JSON.stringify(array);
In der obigen Syntax übergeben wir ein Array als Parameter der JSON.stringify()-Methode.
Beispiel
Im folgenden Beispiel haben wir ein Array erstellt, das verschiedene Werte wie Zeichenfolgen, boolesche Werte und Zahlen enthält. Danach verwenden wir die Methode JSON.stringify(), um die Struktur des Arrays anzuzeigen.
<html>
<body>
<h3>Using the <i> JSON.stringify() </i> method to view the array structure</h3>
<div id = "content"> </div>
<script>
let content = document.getElementById('content');
function viewArray() {
let test_array = ["Hello", "String 1", true, 30, false, 40];
content.innerHTML = "The array structure is " + JSON.stringify(test_array);
}
viewArray();
</script>
</body>
</html>
In der Ausgabe kann der Benutzer die Struktur von test_array beobachten.
Verwenden Sie die array.join()-Methode
Die Methodearray.join() wandelt alle Elemente in Strings um und verbindet sie durch das als Argument übergebene Trennzeichen.
Grammatik
Benutzer können die Methode array.join() gemäß der folgenden Syntax verwenden, um die Struktur des Arrays anzuzeigen.
test_array.join(delimiter)
In der obigen Syntax müssen wir ein Trennzeichen übergeben, um die Array-Elemente durch ein Trennzeichen zu trennen.
Beispiel
Im folgenden Beispiel enthält test_array Zeichenfolgen, boolesche Werte, Zahlen und Objekte. Wir verketten die Array-Elemente mit dem Trennzeichen „“, und zeigen die resultierende Zeichenfolge auf der Webseite an.
<html>
<body>
<h2>Using the <i> array.join() </i> method to view the array structure.</h2>
<div id = "content"></div>
<script>
let content = document.getElementById('content');
function viewArray() {
let test_array = ["value1", false, 3211, true, "value2", { name: "Shubham", age: 22, city: "Rajkot" }];
content.innerHTML = "The array structure is " + test_array.join(', ');
}
viewArray();
</script>
</body>
</html>
Verwenden Sie die Methode array.toString()
Die toString()-Methode von JavaScript wird verwendet, um den Wert eines beliebigen Objekts oder eines anderen Datentyps außer einem String in einen String umzuwandeln. Wir können die toString()-Methode des Arrays verwenden, um das Array in einen String umzuwandeln und die Array-Struktur anzuzeigen.
Grammatik
Benutzer können die toString()-Methode für das Array gemäß der folgenden Syntax verwenden, um die Array-Struktur anzuzeigen, indem sie das Array in einen String konvertieren.
test_array.toString()
Beispiel
Im folgenden Beispiel nehmen wir ein test_array, das verschiedene Werte enthält, als Referenz und führen die Methode toString() aus. In der Ausgabe kann der Benutzer die String-Darstellung des Arrays beobachten. test_array enthält verschachtelte Arrays, die ebenfalls von der toString()-Methode in Strings umgewandelt werden.
<html>
<body>
<h2>Using the <i> array.toString() </i> method to view the array structure.</h2>
<div id = "content"></div>
<script>
let content = document.getElementById('content');
function arrayStructure() {
let test_array = [50, 60, false, true, "TypeScript", "JavaScript", [10, 20, 30]];
content.innerHTML = "The array structure is " + test_array.toString();
}
arrayStructure();
</script>
</body>
</html>
Benutzer haben in diesem Tutorial drei verschiedene Möglichkeiten kennengelernt, die Struktur eines Arrays anzuzeigen. Innerhalb der Methode muss der Benutzer eine Codezeile schreiben. Daher können Benutzer je nach ihrem Verständnis und Komfortniveau jede dieser drei Methoden verwenden.
Das obige ist der detaillierte Inhalt vonWie kann ich ein Array von Strukturen in JavaScript anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!