JavaScript drucken Array-Elemente

1. Verschiedene Möglichkeiten zum Drucken von Array-Elementen in JavaScript
2. Verwenden Sie die for-Schleife, um Array-Elemente in JavaScript zu drucken
3. Verwenden Sie die while-Schleife, um Array-Elemente in JavaScript zu drucken
4. Verwenden Sie die forEach-Methode, um Array-Elemente in JavaScript zu drucken
5. Verwenden Sie die Funktion console.log(), um Array-Elemente in JavaScript zu drucken
6. Verwenden Sie map() mit der join()-Methode, um Array-Elemente in JavaScript zu drucken
7. Verwenden Sie die Funktion toString(), um Array-Elemente in JavaScript zu drucken
8. Verwenden Sie die Funktion join(), um Array-Elemente in JavaScript zu drucken
9. Verwendung von die Funktion pop() zum Drucken von Array-Elementen in JavaScript
10. Verwendung von die Methode shift() zum Drucken von Array-Elementen in JavaScript
11. Verwendung von die Methode concat() zum Drucken von Array-Elementen in JavaScript
12. Verwendung von die Methode slice() zum Drucken von Array-Elementen in JavaScript

Dieses Tutorial zeigt, wie Sie JavaScript-Array-Elemente drucken können. Es hängt auch von Ihren Projektanforderungen ab, ob Sie das gesamte Array oder eine bestimmte Anzahl von Elementen drucken möchten.

Oder Sie möchten Array-Elemente im String-Format oder etwas anderes drucken. Sehen wir uns verschiedene Möglichkeiten zum Drucken von JavaScript-Arrays an.

Verschiedene Möglichkeiten zum Drucken von Array-Elementen in JavaScript

Die Schleifen for und while durchlaufen die Array-Elemente nacheinander, und jedes Element wird in einer separaten Zeile gedruckt, während wir dieselbe Ausgabe mit der Methode forEach() erhalten können.

Die Funktion forEach() führt die jeweilige Methode einmal für jedes Array-Element aus.

Wir können alle Array-Elemente drucken, indem wir den Namen des Arrays an die Funktion console.log() übergeben. Wir können auch die Methoden map() und join() verwenden, um zuerst die Elemente des Arrays zu manipulieren und dann zu drucken.

Beispielsweise möchten wir jedes Array-Element in der Ausgabe nummerieren.

Die Funktion map() erstellt ein neues Array aus dem einmaligen Aufruf einer Funktion für jedes Element, ändert aber nicht das ursprüngliche Array. Denken Sie daran, dass die Funktion nicht für ein leeres Element ausgeführt wird.

Die Funktion join() wirkt wie ein Trennzeichen, das die Elemente des Arrays mit einem bestimmten Trennzeichen trennt.

pop() gibt Ihnen das letzte Element zurück, während shift() das erste Element des Arrays zurückgibt, aber beide sind am besten zu verwenden, wenn Sie möchten, dass diese Elemente aus einem String entfernt werden, da beide das ursprüngliche Array ändern können.

Die Funktion toString() konvertiert das Array in das String-Format. Die Funktion slice() gibt uns das ausgewählte Element des Arrays als neues Array zurück, ändert aber nicht das ursprüngliche Array.

Es kann auch nach den jeweiligen Indexen start und end arbeiten (der Index end ist hier exklusiv).

Verwenden Sie die for-Schleife, um Array-Elemente in JavaScript zu drucken

Beginnen wir mit der Verwendung einer einfachen for-Schleife, um ein vollständiges JavaScript-Array zu drucken.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
// for loop
for (var i = 0; i < names.length; i++) {
  console.log(names[i]);
}

Ausgabe:

"mehvish"
"tahir"
"aftab"
"martell"

Verwenden Sie die while-Schleife, um Array-Elemente in JavaScript zu drucken

Sehen wir uns unten an, wie die while-Schleife die Ausgabe erzeugt.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
var i = 0;
// while loop
while (i < names.length) {
  console.log(names[i]);
  i++;
}

Ausgabe:

"mehvish"
"tahir"
"aftab"
"martell"

Verwenden Sie die forEach-Methode, um Array-Elemente in JavaScript zu drucken

Haben Sie an die Methode forEach gedacht, um ein vollständiges JavaScript-Array (ein Element pro Zeile) zu drucken? Siehe das Code-Snippet unten.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
names.forEach(element => console.log(element));

Ausgabe:

"mehvish"
"tahir"
"aftab"
"martell"

Verwenden Sie die Funktion console.log(), um Array-Elemente in JavaScript zu drucken

Wir haben die Möglichkeiten untersucht, das vollständige Array mit Ausnahme eines Elements in jeder Zeile auszugeben. Sie können alle Array-Elemente wie folgt in einer einzigen Zeile drucken.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names);

Ausgabe:

["mehvish", "tahir", "aftab", "martell"]

Verwenden Sie map() mit der join()-Methode, um Array-Elemente in JavaScript zu drucken

Wir können auch alle Elemente auf folgende Weise in einer Zeile anzeigen.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
var element = names.map((e, i) => (i + 1 + '.' + e)).join(' ');
console.log(element);

Ausgabe:

"1.mehvish 2.tahir 3.aftab 4.martell"

Verwenden Sie die Funktion toString(), um Array-Elemente in JavaScript zu drucken

Haben Sie gedacht, dass wir eine Funktion namens toString() haben, die das Array in einen String umwandeln kann? Siehe das folgende Codebeispiel.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.toString());

Ausgabe:

"mehvish,tahir,aftab,martell"

Verwenden Sie die Funktion join(), um Array-Elemente in JavaScript zu drucken

Wir haben gesehen, dass das Array oben in einen String konvertiert wird, aber jedes Element wird durch ein Komma getrennt. Was ist, wenn wir möchten, dass alle Elemente in einem einzigen Raum getrennt werden? Dazu wird die Funktion join() verwendet.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.join(' '));

Ausgabe:

"mehvish tahir aftab martell"

Verwendung von die Funktion pop() zum Drucken von Array-Elementen in JavaScript

Denken Sie daran, nur das letzte Element des Arrays zu drucken? Das können wir mit der Funktion pop() tun.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.pop());

Ausgabe:

"martell"

Verwendung von die Methode shift() zum Drucken von Array-Elementen in JavaScript

Im folgenden Code gibt die Methode shift() das erste Element des Arrays aus.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.shift());

Ausgabe:

"mehvish"

Verwendung von die Methode concat() zum Drucken von Array-Elementen in JavaScript

Wir haben zwei separate JavaScript-Arrays und drucken beide in einer Zeile. Wir wollen die Elemente des zweiten Arrays nach den Elementen des ersten Arrays.

Wir werden fruitsArrayTwo mit fruitsArrayOne verketten, indem wir die Methode Concat() verwenden.

var fruitsArrayOne = ['apple', 'banana', 'grapes'];
var fruitsArrayTwo = ['mango', 'water-melon'];
console.log(fruitsArrayOne.concat(fruitsArrayTwo));

Ausgabe:

["apple", "banana", "grapes", "mango", "water-melon"]

Verwendung von die Methode slice() zum Drucken von Array-Elementen in JavaScript

Wir können auch ein bestimmtes Array von Elementen mit der Methode slice() drucken. Wir können auch die Methode splice() verwenden, um die Elemente des Arrays hinzuzufügen und zu entfernen. Einzelheiten finden Sie auf dieser Seite.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.slice(0, 2));  // end index is not inclusive here

Ausgabe:

["mehvish", "tahir"]