Zusammenfassung und anwendbare Szenarien der For-Schleife in JavaScript

In JavaScript gibt es verschiedene Schleifen, mit denen Arrays, Objekte und deren Eigenschaften sowie einige andere Iterationen durchlaufen werden können.

Der Weg der for-Schleife

1. for-Schleife
2. for ... in Schleife
3. for ... der Schleife
4. forEach()
   Zusätzlich zur for-Schleife verfügt JavaScript auch über andere Schleifenmethoden, wie zum Beispiel while, do...while, map()-Methoden usw.

1. for-Schleife

Die for-Schleife ist der häufigste Schleifentyp in JavaScript. Sie wird normalerweise zum Durchlaufen von Arrays verwendet. Beispiele sind wie folgt:

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

2. for ... in Schleife

Die for...in-Schleife wird verwendet, um die aufzählbaren Eigenschaften eines Objekts zu durchlaufen und die Namen der Eigenschaften und ihre entsprechenden Werte bereitzustellen, wie im folgenden Beispiel:

const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
  console.log(key, obj[key]); // 输出属性名和属性值
}

Die for ... in-Schleife kann auch in einem Array verwendet werden, und die Schleife ist der Index des Arrays, zum Beispiel:

for(var i in arr){ //如果是数组， 则循环的是元素的下标
 console.log(arr[i]);
}

Hinweis: Die for…in-Schleife wird für die Iteration über Arrays nicht empfohlen, da sie die Reihenfolge der Eigenschaften nicht garantiert

3. for ... der Schleife

for…of durchläuft den Inhalt eines Arrays oder einer Objekteigenschaft, nicht seine Indizes oder Eigenschaften.

Iterieren Sie über die Werte des Arrays:

for (let value of arr) {
  console.log(value); // 输出数据元素
}

Iterieren Sie über die Werte von Objekteigenschaften

for (let value of arr) {
  console.log(value); // 输出对象属性值
}

4. forEach()

Die Methode forEach() wird verwendet, um jedes Element im Array zu durchlaufen und stellt eine Rückruffunktion als Parameter bereit, die drei Parameter akzeptiert: den Elementwert, den Elementindex und das Array selbst. Die Methode forEach() ist nützlich, wenn Sie über ein Array iterieren müssen.

arr.forEach((value, index, array) => {
  console.log(value, index, array); // 输出元素、元素索引和数组本身
});

Zusammenfassen

Weg	passend zur Szene
für	Array
für in	Objekt
für...von	Objekt oder Array
für jede	Array

Beispiel für Online-Lauf:

• https://jsrun.net/3HFKp/edit