JavaScript-Schleife durch ein Array

1. Verwendung von die for-Schleife zum ein Array in JavaScript zu durchlaufen
2. Verwendung von die while-Schleife zum ein Array in JavaScript zu durchlaufen
3. Verwenden Sie die Schleife do...while, um ein Array in JavaScript zu durchlaufen
4. Verwenden Sie die forEach-Schleife, um ein Array in JavaScript zu durchlaufen
5. Verwendung von for...of zum ein Array in JavaScript zu durchlaufen
6. Verwendung von for...in zum ein Array in JavaScript zu durchlaufen
7. Verwenden Sie die Methode map, um ein Array in JavaScript zu durchlaufen
8. Verwendung von die Methode reduce zum ein Array in JavaScript zu durchlaufen
9. Verwendung von die Methode filter zum ein Array in JavaScript zu durchlaufen
10. Verwendung von some zum ein Array in JavaScript zu durchlaufen
11. Verwendung von every zum ein Array in JavaScript zu durchlaufen

In diesem Tutorial wird erklärt, wie Sie ein Array in JavaScript durchlaufen. Wir können dies mit traditionellen Methoden in Vanilla JavaScript wie for loop und while loop oder mit den neueren Methoden von ES5, ES6 wie forEach, for ... of, for ... in tun. und viele andere Methoden, abhängig von unserem Anwendungsfall und der Geschwindigkeit / Effizienz des Codes.

Verwendung von die for-Schleife zum ein Array in JavaScript zu durchlaufen

Die traditionelle for-Schleife ähnelt der for-Schleife in anderen Sprachen wie C++, Java usw. Sie besteht aus drei Teilen:

1. Die Initialisierung von Variablen/Iteratoren wird vor der Ausführung der for-Schleife ausgeführt.
2. Die Bedingung, die jedes Mal überprüft werden muss, bevor die Schleife ausgeführt wird.
3. Der Schritt, der jedes Mal nach der Ausführung der Schleife ausgeführt werden muss.

const arr = [1, 2, 3, 4, 5, 6];
var length = arr.length;
for (var i = 0; i < length; i++) {
  console.log(arr[i]);
}

Ausgabe:

1
2
3
4
5
6

Wir nehmen einen Iterator i und durchlaufen eine Schleife über das Array, indem wir eine for-Schleife verwenden, die i nach jeder Iteration um 1 erhöht und zum Element next verschiebt.

Verwendung von die while-Schleife zum ein Array in JavaScript zu durchlaufen

Die while-Schleife ist sehr einfach, da sie eine Bedingung enthält, die nach jeder Iteration überprüft wird. Wenn diese Bedingung nicht erfüllt ist, wird sie weiterhin ausgeführt.

const arr = [1, 2, 3, 4, 5, 6];
var length = arr.length;
let i = 0;

while (i < length) {
  console.log(arr[i]);
  i++;
}

Wie bei der for-Schleife nehmen wir den Iterator i und erhöhen ihn bis zur Länge des Arrays, um alle Elemente zu durchlaufen.

Verwenden Sie die Schleife do...while, um ein Array in JavaScript zu durchlaufen

Die Schleife do...while ist dieselbe wie die Schleife while, außer dass sie mindestens einmal ausgeführt wird, auch wenn die Schleifenbedingung falsch ist. Wir müssen also beim Schreiben dieser Schleife vorsichtig sein.

const arr = [1, 2, 3, 4, 5, 6];
var length = arr.length;
var i = 0;

do {
  console.log(arr[i]);
  i++;
} while (i < length);

Verwenden Sie die forEach-Schleife, um ein Array in JavaScript zu durchlaufen

ES5 führte forEach als neue Methode zum Iterieren über Arrays ein. forEach nimmt eine Funktion als Argument und ruft sie für jedes im Array vorhandene Element auf.

const arr = [1, 2, 3, 4, 5, 6];
arr.forEach(item => console.log(item));

Hier haben wir eine Pfeilfunktion geschrieben, um das an die Funktion übergebene Argument auszudrucken, und diese Funktion an forEach übergeben, um über das Array zu iterieren und dieses Element zu drucken.

Verwendung von for...of zum ein Array in JavaScript zu durchlaufen

ES6 führte das Konzept iterierbarer Objekte ein und stellte for ... of bereit, mit denen Array-Objekte iteriert werden können.

let arr = [1, 2, 3, 4, 5, 6];
for (const item of arr) {
  console.log(item);
}

Wir verwenden es als normale Schleife, iterieren aber problemlos eine Vielzahl von Objekten und nicht nur Arrays.

Verwendung von for...in zum ein Array in JavaScript zu durchlaufen

Wir können Arrays mit for ... in iterieren, dies wird jedoch nicht empfohlen, da die Eigenschaften des Objekts aufgelistet werden. Zusätzlich zu den Array-Elementen werden auch die an Array.prototype angehängten Methoden aufgelistet.

var arr = [1, 2, 3, 4, 5, 6];

for (var i in arr) {
  console.log(arr[i]);
}

Verwenden Sie die Methode map, um ein Array in JavaScript zu durchlaufen

Die map-Methode durchläuft das Array, verwendet die Rückruffunktion für jedes Element und gibt ein neues Array zurück, d. H. Sie nimmt ein Array auf und ordnet es einem neuen Array mit Berechnungen zu, die von der Rückruffunktion durchgeführt werden.

arr = [1, 2, 3, 4, 5, 6];
const square = (x) => {
  return Math.pow(x, 2);
} mapped = arr.map(square);
console.log(arr);
console.log(mapped);

Hier haben wir über das Eingabearray iteriert und ein Array mit Quadraten von Elementen innerhalb des Arrays gebildet.

Verwendung von die Methode reduce zum ein Array in JavaScript zu durchlaufen

Die Methode reduce durchläuft das Array und ruft die Funktion reducer auf, um den Wert der Array-Berechnung durch die Funktion eines Akkumulators zu speichern. Ein Akkumulator ist eine Variable, die während aller Iterationen gespeichert wird, um die akkumulierten Ergebnisse der Schleife durch ein Array zu speichern.

const arr = [1, 2, 3, 4];
const reducer = (accumulator, curr) => accumulator + curr;
console.log(arr.reduce(reducer));

Hier durchlaufen wir das Array und summieren alle Elemente in einem Akkumulator.

Verwendung von die Methode filter zum ein Array in JavaScript zu durchlaufen

Die filter-Methoden durchlaufen das Array und filtern Elemente heraus, die eine bestimmte gegebene Bedingung erfüllen.

const fruits =
    ['apple', 'orange', 'pomegranete', 'banana', 'pear', 'blueberry'];
const result = fruits.filter(word => word.length > 6);
console.log(result);

Hier durchlaufen wir das Array und prüfen, ob der angegebene Fruchtname größer als 6 ist. Wenn ja, nehmen wir ihn in unser Ergebnisarray auf, d. H. Wir filtern die erforderlichen Elemente heraus.

Verwendung von some zum ein Array in JavaScript zu durchlaufen

Es wird verwendet, um das Array zu durchlaufen und zu überprüfen, ob eine bestimmte Bedingung von mindestens einem der im Array vorhandenen Elemente erfüllt wird.

array = [1, 2, 3, 4, 5, 6];
const under_three = x => x < 3;
console.log(array.some(under_three));

Hier verwenden wir some, um zu überprüfen, ob ein Element im Array vorhanden ist, das kleiner als 3 ist. Es gibt einen booleschen Wert true oder false zurück.

Verwendung von every zum ein Array in JavaScript zu durchlaufen

Es wird verwendet, um das Array zu durchlaufen und zu überprüfen, ob eine bestimmte Bedingung von allen Elementen in einem Array erfüllt wird.

array = [1, 2, 3, 4, 5, 6];
const under_three = x => x < 3;
console.log(array.every(under_three));

Hier verwenden wir every, um zu überprüfen, ob alle im Array vorhandenen Elemente kleiner als 3 sind oder nicht. Es gibt einen booleschen Wert true oder false zurück.