JavaScript for ... i loop (med eksempler)

I denne opplæringen vil du lære om JavaScript for … i loop ved hjelp av eksempler.

I de forrige opplæringene har vi dekket:

  • JavaScript mens og gjør … mens løkke
  • JavaScript for loop

Det finnes også andre typer løkker. Den for… insløyfe i Javascript lar deg iterere over alle fasiliteter nøklene til et objekt.

JavaScript for … i løkke

Syntaksen til for… insløyfen er:

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

I hver iterasjon av sløyfen tildeles en nøkkel til nøkkelvariabelen. Sløyfen fortsetter for alle objektegenskaper.

Merk : Når du først har fått nøkler, kan du enkelt finne verdien.

Eksempel 1: Iterere gjennom 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))`); )

Produksjon

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

I programmet ovenfor for… inbrukes sløyfen til å iterere over studentobjektet og skrive ut alle dets egenskaper.

  • Objektnøkkelen er tilordnet variabelnøkkelen.
  • student(key) brukes til å få tilgang til verdien på nøkkelen.

Eksempel 2: Oppdater verdier for egenskaper

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

Produksjon

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

I eksemplet ovenfor for… inbrukes sløyfen til å iterere over egenskapene til salariesobjektet. Deretter $legges strengen til hver verdi av objektet.

for … inn med Strings

Du kan også bruke for… inloop til å gjenta over strengverdier. For eksempel,

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

Produksjon

 kode

for … inn med Arrays

Du kan også bruke for… inmed matriser. For eksempel,

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

Produksjon

 hei 1 JavaScript

Du vil lære mer om matriser i senere opplæringsprogrammer.

Merk : Du bør ikke bruke for… intil å gjenta over en matrise der indeksrekkefølgen er viktig.

En av de bedre måtene å itere over en matrise er å bruke for… ofloop.

For å lære mer om for… ofloop, besøk JavaScript for … of loop.

Interessante artikler...