Heim > Artikel > Web-Frontend > Schleifen: For-Schleifen, While-Schleifen, For...Of-Schleifen, For...In-Schleifen
Der Zweck der Schleife besteht darin, einige Funktionen zu wiederholen.
Einige Arten von Schleifen umfassen:
Um eine einfache for-Schleife wie folgt zu schreiben:
for (let i = 1; i <= 10; i++) { console.log(i); // prints numbers 1-10 }
Um ein Array zu durchlaufen, können wir wie folgt vorgehen:
const animals = ['lizard', 'fish', 'turtle']; for (let i = 0; i < animals.length; i++) { console.log(i, animals[i]); } // 0 'lizard' // 1 'fish' // 2 'turtle'
Wir können dieses Array auch in umgekehrter Reihenfolge durchlaufen:
for (let i = animals.length - 1; i >= 0; i--) { console.log(i, animals[i]); } // 2 'turtle' // 1 'fish' // 0 'lizard'
Wir können auch eine Schleife innerhalb einer Schleife erstellen:
for (let i = 0; i <= 2; i++) { for (let j = 0; j < 2; j++) { console.log(`i=${i}, j=${j}`); } } // i=0, j=0 // i=0, j=1 // i=1, j=0 // i=1, j=1 // i=2, j=0 // i=2, j=1
Dies ist nützlich, wenn wir über ein Array von Arrays iterieren möchten:
const seatingChart = [ ['Abigale', 'Tim', 'Cynthia'], ['Bob', 'Carter', 'Zane', 'Tanja'], ['Quin', 'Xavier'], ]; // To print each name individually from seatingChart: for (let i = 0; i < seatingChart.length; i++) { for (let j = 0; j < seatingChart[i].length; j++) { console.log(seatingChart[i][j]); } }
Ein Beispiel für eine einfache While-Schleife ist:
let num = 0; // to print out 0 through 4: while (num < 5) { console.log(num); num++; }
Das Schlüsselwort break kann verwendet werden, um eine While-Schleife zu verlassen:
let input = prompt('Say something:'); while (true) { input = prompt(input); if (input === 'stop copying me') { break; // finally stops prompting user } }
Es kann auch zum Verlassen einer for-Schleife verwendet werden. Nehmen wir an, wir haben die Zeile:
let line = ['Abby', 'Salvia', 'Jamie', 'Carter', 'John'];
und wir wollen alle ausgeben, die vor Jamie kommen, aber nicht Jamie:
for (let i = 0; i < line.length; i++) { if (line[i] === 'Jamie') break; console.log(line[i]); }
Wenn wir jeden Wert aus einem Array drucken möchten, können wir so etwas tun:
let people = ['Agitha', 'Bruce', 'Charlie', 'Dane', 'Ernie']; // to print each persons name: for (let person of people) { console.log(person); }
Um unser Sitzplan-Beispiel von vorhin besser lesbar zu machen, können wir Folgendes tun:
const seatingChart = [ ['Abigale', 'Tim', 'Cynthia'], ['Bob', 'Carter', 'Zane', 'Tanja'], ['Quin', 'Xavier'], ]; // To print each name individually from seatingChart: for (let row of seatingChart) { for (let person of row) { console.log(person); } }
Wenn wir jedes Schlüssel-Wert-Paar in einem Objekt durchlaufen möchten, können wir Folgendes tun:
const testScores = { jim: 34, abby: 93, greg: 84, mark: 95, melvin: 73, }; for (let person in testScores) { console.log(`${person} scored ${testScores[person]}`); }
Wenn wir mit For...Of den Durchschnitt der testScores erhalten möchten, können wir wie folgt vorgehen:
let total = 0; let scores = Object.values(testScores); for (let score of scores) { total += score; } let avg = total / scores.length; console.log(avg);
Das obige ist der detaillierte Inhalt vonSchleifen: For-Schleifen, While-Schleifen, For...Of-Schleifen, For...In-Schleifen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!