JavaScript für ... in Schleife (mit Beispielen)

In diesem Tutorial lernen Sie anhand von Beispielen das JavaScript für… in Schleife kennen.

In den vorherigen Tutorials haben wir Folgendes behandelt:

  • JavaScript while und do… while-Schleife
  • JavaScript für Schleife

Es gibt auch andere Arten von Schleifen. Mit der for… inSchleife in JavaScript können Sie alle Eigenschaftsschlüssel eines Objekts durchlaufen.

JavaScript für… in Schleife

Die Syntax der for… inSchleife lautet:

 for (key in object) ( // body of for… in )

In jeder Iteration der Schleife wird der Schlüsselvariablen ein Schlüssel zugewiesen. Die Schleife wird für alle Objekteigenschaften fortgesetzt.

Hinweis : Sobald Sie Schlüssel erhalten haben, können Sie deren Wert leicht finden.

Beispiel 1: Durch ein Objekt iterieren

 const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )

Ausgabe

 Name => Monica Klasse => 7 Alter => 12

Im obigen Programm wird die for… inSchleife verwendet, um das studentObjekt zu durchlaufen und alle seine Eigenschaften zu drucken.

  • Der Objektschlüssel ist dem Variablenschlüssel zugeordnet.
  • student(key) wird verwendet, um auf den Wert des Schlüssels zuzugreifen.

Beispiel 2: Aktualisieren der Werte von Eigenschaften

 const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )

Ausgabe

 Jack: 24000 Dollar, Paul: 34000 Dollar, Monica: 55000 Dollar

Im obigen Beispiel wird die for… inSchleife verwendet, um die Eigenschaften des salariesObjekts zu durchlaufen . Anschließend wird die Zeichenfolge $zu jedem Wert des Objekts hinzugefügt.

für… in mit Strings

Sie können auch eine for… inSchleife verwenden, um Zeichenfolgenwerte zu durchlaufen. Beispielsweise,

 const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )

Ausgabe

 Code

für… in mit Arrays

Sie können auch for… inmit Arrays verwenden. Beispielsweise,

 // define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )

Ausgabe

 Hallo 1 JavaScript

Weitere Informationen zu den Arrays finden Sie in späteren Tutorials.

Hinweis : Sie sollten nicht verwenden for… in, um über ein Array zu iterieren, bei dem die Indexreihenfolge wichtig ist.

Eine der besseren Möglichkeiten, über ein Array zu iterieren, ist die Verwendung der for… ofSchleife.

Um mehr über die for… ofSchleife zu erfahren , besuchen Sie JavaScript für… der Schleife.

Interessante Beiträge...