Wie kann ich ein Array korrekt ohne Fehler und unnötige Punkte in JavaScript ausgeben?

JavaScript ist eine der am häufigsten verwendeten Programmiersprachen für die Webentwicklung. Es wird häufig verwendet, um dynamische und interaktive Websites zu erstellen, und eine der wichtigsten Funktionen ist die Arbeit mit Arrays. Mit Arrays in JavaScript können Sie Datensammlungen auf bequeme Weise speichern und organisieren. Manchmal ist es notwendig, ein Array zur Anzeige für den Benutzer oder zum Debuggen auf dem Bildschirm auszugeben. In diesem Artikel werden wir uns einige Möglichkeiten ansehen, wie Sie ein Array in JavaScript ausgeben können.

var array = [1, 2, 3, 4, 5]; console.log(array);

Als Ergebnis dieses Codes wird ein Array ausgegeben [1, 2, 3, 4, 5] in die Entwicklerkonsole. Diese Methode ist besonders nützlich beim Debuggen eines Programms, da Sie den Inhalt des Arrays zur Laufzeit des Programms sehen können. Für normale Benutzer ist dies jedoch keine sehr bequeme Möglichkeit, Daten anzuzeigen.

Dieser Code wird den gleichen Wert auf dem Bildschirm ausgeben.

let fruits = ['яблоко', 'банан', 'апельсин'];console.log(fruits);

[ 'яблоко', 'банан', 'апельсин' ]

let numbers = [1, 2, 3, 4, 5];for (let i = 0; i

Das Ergebnis der Ausführung dieses Codes lautet wie folgt:

12345

Die console-Methode.log: beschreibung und merkmale

[ 
1, 
2, 
3
]

1 2 3

let arr = ["яблоко", "банан", "груша"];for (let i = 0; i

In diesem Beispiel haben wir ein Array von arr , das Früchte enthält. Wir verwenden eine for-Schleife, um alle Elemente eines Arrays zu durchlaufen und sie mit der console-Funktion auf den Bildschirm zu bringen.log() .

Daher haben wir alle Array-Elemente erfolgreich mit einer for-Schleife in JavaScript ausgegeben.

Die join() -Methode akzeptiert ein einzelnes Argument, das ein Trennzeichen zwischen den Array-Elementen in der resultierenden Zeichenfolge definiert. Wenn kein Argument angegeben wird, wird ein Komma als Trennzeichen verwendet. Zum Beispiel:

const fruits = ['яблоко', 'банан', 'киви'];const result1 = fruits.join(); // 'яблоко,банан,киви'const result2 = fruits.join(' и '); // 'яблоко и банан и киви'

Die toString() -Methode gibt eine Zeichenfolge zurück, die aus durch ein Komma getrennten Arrayelementen besteht.

const numbers = [1, 2, 3, 4, 5];const result = numbers.toString(); // '1,2,3,4,5'

const fruits = ['яблоко', 'банан', 'киви'];const result = '
' + fruits.join('
') + '
';document.body.innerHTML = result;

Dadurch wird ein Absatz mit Arrayelementen erzeugt, die durch einen Zeilenumbruch getrennt sind:

Verwenden von JSON.stringify, um ein Array in JavaScript anzuzeigen

Um JSON zu verwenden.stringify mit einem Array muss das Array als Parameter an die Funktion übergeben und das Ergebnis in einer Variablen speichern:

var arr = [1, 2, 3];var json = JSON.stringify(arr);

Die JSON-Variable enthält jetzt eine JSON-Zeichenfolge, die das Array darstellt [1, 2, 3]. Sie können diese Zeile auf der Seite anzeigen, indem Sie sie mithilfe der innerHTML-Methode zum Inhalt eines HTML-Elements hinzufügen:

document.getElementById("output").innerHTML = json;

Dadurch wird eine Zeile auf der Seite angezeigt [1, 2, 3].

var json = JSON.stringify(arr, null, 2);

Die Elemente des Arrays werden nun mit zwei Leerzeichen eingerückt angezeigt.