Schleifen: For-Schleifen, While-Schleifen, For...Of-Schleifen, For...In-Schleifen-js-Tutorial-php.cn

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

PHPz

Freigeben： 2024-08-07 09:57:32

Original

1175 Leute haben es durchsucht

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
}

Nach dem Login kopieren

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'

Nach dem Login kopieren

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'

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Es kann auch zum Verlassen einer for-Schleife verwendet werden. Nehmen wir an, wir haben die Zeile:

let line = ['Abby', 'Salvia', 'Jamie', 'Carter', 'John'];

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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!