Heim  >  Artikel  >  Web-Frontend  >  Schleifen: For-Schleifen, While-Schleifen, For...Of-Schleifen, For...In-Schleifen

Schleifen: For-Schleifen, While-Schleifen, For...Of-Schleifen, For...In-Schleifen

PHPz
PHPzOriginal
2024-08-07 09:57:321151Durchsuche

Loops: For Loops, While Loops, For...Of Loops, For...In Loops

Der Zweck der Schleife besteht darin, einige Funktionen zu wiederholen.

Einige Arten von Schleifen umfassen:

  • for-Schleife
  • While-Schleife
  • for...of-Schleife
  • for...in-Schleife

For-Schleife

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]);
  }
}

While-Schleife

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++;
}

Schlüsselwort unterbrechen

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]);
}

For...Of-Schleifen

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);
  }
}

For...In-Schleifen

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn