JavaScript til ... i loop (med eksempler)

I denne vejledning lærer du mere om JavaScript til … i loop ved hjælp af eksempler.

I de foregående tutorials har vi dækket:

  • JavaScript mens og gør … mens loop
  • JavaScript til loop

Der er også andre typer løkker. Den for… inløkke i JavaScript kan du gentage over alle faciliteter nøgler et objekt.

JavaScript til … i loop

Sløjfens syntaks for… iner:

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

I hver iteration af sløjfen tildeles en nøgle til nøglevariablen. Loop fortsætter for alle objektegenskaber.

Bemærk : Når du først har fået nøgler, kan du nemt finde dens værdi.

Eksempel 1: Iterer gennem et objekt

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

Produktion

 navn => Monica klasse => 7 alder => 12

I ovenstående program for… inbruges sløjfen til at gentage studentobjektet og udskrive alle dets egenskaber.

  • Objektnøglen er tildelt variabelnøglen.
  • student(key) bruges til at få adgang til værdien af ​​nøglen.

Eksempel 2: Opdater værdier for egenskaber

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

Produktion

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

I ovenstående eksempel for… inbruges sløjfen til at gentage salariesobjektets egenskaber . Derefter $føjes strengen til hver værdi af objektet.

for … ind med strenge

Du kan også bruge for… inloop til at gentage strengværdier. For eksempel,

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

Produktion

 kode

til … ind med Arrays

Du kan også bruge for… inmed arrays. For eksempel,

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

Produktion

 hej 1 JavaScript

Du vil lære mere om arrays i senere tutorials.

Bemærk : Du bør ikke bruge for… intil at gentage en matrix, hvor indeksrækkefølgen er vigtig.

En af de bedre måder at gentage over en matrix er at bruge for… ofloop.

Hvis du vil lære mere om for… ofsløjfen, skal du besøge JavaScript for … af loop.

Interessante artikler...