JavaScript voor ... in loop (met voorbeelden)

In deze zelfstudie leert u met behulp van voorbeelden over JavaScript voor… in loop.

In de vorige tutorials hebben we behandeld:

  • JavaScript while en do … while loop
  • JavaScript voor loop

Er zijn ook andere soorten lussen. Met de for… inlus in JavaScript kunt u alle eigenschapssleutels van een object herhalen.

JavaScript voor … in loop

De syntaxis van de for… inlus is:

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

Bij elke iteratie van de lus wordt een sleutel toegewezen aan de sleutelvariabele. De lus gaat door voor alle objecteigenschappen.

Opmerking : zodra u de sleutels heeft, kunt u de waarde ervan gemakkelijk vinden.

Voorbeeld 1: herhaal door een object

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

Uitvoer

 naam => Monica klas => 7 leeftijd => 12

In het bovenstaande programma wordt de for… inlus gebruikt om het studentobject te herhalen en al zijn eigenschappen af ​​te drukken.

  • De objectsleutel wordt toegewezen aan de variabele sleutel.
  • student(key) wordt gebruikt om toegang te krijgen tot de waarde van de sleutel.

Voorbeeld 2: Werk waarden van eigenschappen bij

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

Uitvoer

 Jack: $ 24.000, Paul: $ 34.000, Monica: $ 55.000

In het bovenstaande voorbeeld wordt de for… inlus gebruikt om de eigenschappen van het salariesobject te herhalen . Vervolgens wordt de string $toegevoegd aan elke waarde van het object.

voor… in with Strings

U kunt ook for… inloop gebruiken om tekenreekswaarden te herhalen. Bijvoorbeeld,

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

Uitvoer

 code

voor… in met arrays

U kunt ook gebruiken for… inmet arrays. Bijvoorbeeld,

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

Uitvoer

 hallo 1 JavaScript

In latere tutorials leer je meer over de arrays.

Opmerking : u moet niet gebruiken for… inom een ​​array te herhalen waar de indexvolgorde belangrijk is.

Een van de betere manieren om een ​​array te herhalen, is door de for… oflus te gebruiken.

Voor meer informatie over de for… oflus gaat u naar JavaScript voor… of lus.

Interessante artikelen...