Schleifen for...of und for…in

Schleife for...of

Die Schleifen for...of und for...in bieten bequeme Möglichkeiten, über Array-Elemente und Objekt-Eigenschaften in JavaScript zu iterieren. Beide Schleifen werden zum Durchlaufen verwendet, aber in unterschiedlichen Situationen.

Schleife for...of

Die for...of Schleife ist für die Iteration über iterierbare Objekte gedacht (wie Arrays, Strings, Set und Map Objekte). Sie ermöglicht es, die Elemente einer Sammlung einfach zu durchlaufen.

Syntax:

    
      for (let variable of iterable) {
        // Code, der für jedes Element ausgeführt wird
      }
    
  

Beispiel:

    
      let array = [1, 2, 3, 4, 5];

      for (let value of array) {
        console.log(value);
      }

      // Ausgabe: 1 2 3 4 5
    
  

Verwendung für Arrays

Die for...of Schleife ist praktisch für das Durchlaufen von Array-Elementen, da sie Zugriff auf den Wert jedes Elements bietet:

    
      let fruits = ['apple', 'banana', 'cherry'];

      for (let fruit of fruits) {
          console.log(fruit);
      }

      // Ausgabe: apple banana cherry
    
  

Verwendung für Strings

Die for...of Schleife kann auch verwendet werden, um über die Zeichen eines Strings zu iterieren:

    
      let str = 'Hello';

      for (let char of str) {
        console.log(char);
      }

      // Ausgabe: H e l l o
    
  

9.2 Schleife for...in

Die for...in Schleife wird verwendet, um über aufzählbare Eigenschaften eines Objekts zu iterieren. Sie iteriert über den Schlüssel jeder Eigenschaft.

Syntax:

    
      for (let key in object) {
        // Code, der für jedes Element ausgeführt wird
      }
    
  

Beispiel:

    
      let obj = {a: 1, b: 2, c: 3};

      for (let key in obj) {
        console.log(key + ': ' + obj[key]);
      }

      // Ausgabe: a: 1 b: 2 c: 3
    
  

Verwendung für Objekte

Die for...in Schleife eignet sich zum Durchlaufen von Objekteigenschaften, da sie Zugriff auf den Schlüssel und den Wert jeder Eigenschaft bietet:

    
      let user = {
        name: 'John',
        age: 30,
        isAdmin: true
      };

      for (let key in user) {
        console.log(key + ': ' + user[key]);
      }

      // Ausgabe: name: John age: 30 isAdmin: true
    
  

Verwendung für Arrays

Die for...in Schleife kann verwendet werden, um über die Indizes eines Arrays zu iterieren, aber das wird nicht empfohlen, da sie über alle aufzählbaren Eigenschaften iteriert, einschließlich der Eigenschaften aus dem Prototyp:

    
      let array = ['apple', 'banana', 'cherry'];

      for (let index in array) {
        console.log(index + ': ' + array[index]);
      }

      // Ausgabe: 0: apple 1: banana 2: cherry
    
  

9.3 Vergleich der Schleifen for...of und for...in

Vergleich der Schleifen for...of und for...in: