Sobes.tech
Junior

Welche Arten von for-Schleifen kennen Sie in JavaScript?

sobes.tech KI

Antwort von AI

In JavaScript gibt es verschiedene Varianten der for-Schleife:

  • for (klassisch): Wird verwendet, um über einen numerischen Bereich zu iterieren oder eine Aktion eine bestimmte Anzahl von Malen auszuführen.

    // Iteration über einen numerischen Bereich
    for (let i = 0; i < 5; i++) {
      console.log(i); // 0, 1, 2, 3, 4
    }
    
  • for...in: Durchläuft Schlüssel (Eigenschaften) der aufzählbaren Eigenschaften eines Objekts (einschließlich Eigenschaften des Prototyps). Nicht empfohlen für die Iteration über Arrays wegen möglicher Probleme mit der Reihenfolge und der Aufzählung nicht-numerischer Eigenschaften.

    const obj = { a: 1, b: 2, c: 3 };
    for (const key in obj) {
      console.log(`${key}: ${obj[key]}`);
      // a: 1
      // b: 2
      // c: 3
    }
    
    const arr = ['Apfel', 'Banane', 'Orange'];
    for (const index in arr) {
      console.log(index); // 0, 1, 2 (die Schlüssel in diesem Fall sind die Indizes)
    }
    
  • for...of: Durchläuft Werte iterierbarer Objekte, wie Arrays, Strings, Map, Set, TypedArray und Argumente. Wird empfohlen für die Iteration über Arrays.

    const arr = ['Apfel', 'Banane', 'Orange'];
    for (const element of arr) {
      console.log(element);
      // Apfel
      // Banane
      // Orange
    }
    
    const str = "hallo";
    for (const char of str) {
      console.log(char);
      // h
      // a
      // l
      // l
      // o
    }
    

Vergleichstabelle:

Schleife Zweck Durchlaufene Elemente Empfohlen für
for Über einen numerischen Bereich iterieren, wiederholen Bestimmte Anzahl von Malen Allgemeine Schleifen
for...in Schlüssel (Eigenschaften) von aufzählbaren Objekten durchlaufen Schlüssel (Eigenschaften) Objekte
for...of Werte von iterierbaren Objekten durchlaufen Werte Arrays, Strings, Map, Set