JavaScripti jaoks ... tsüklis (koos näidetega)

Selles õpetuses saate näidete abil õppida tsükli JavaScripti kohta.

Eelmistes õpetustes oleme käsitlenud järgmist:

  • JavaScripti samal ajal ja tehke … samal ajal silmus
  • JavaScript silmusele

On ka muud tüüpi silmuseid. for… inLoop JavaScript lubab sul Käi kõik vara võtmed objekti.

JavaScripti jaoks … aasal

for… inSilmuse süntaks on:

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

Igas tsükli iteratsioonis määratakse võti muutujale. Silmus jätkub kõigi objekti omaduste jaoks.

Märkus . Kui olete võtmed kätte saanud, saate selle väärtuse hõlpsasti leida.

Näide 1: Iterate läbi objekti

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

Väljund

 nimi => Monica klass => 7 vanus => 12

Ülaltoodud programmis kasutatakse for… intsüklit studentobjekti kordamiseks ja kõigi selle omaduste printimiseks.

  • Objekti võti määratakse muutuja võtmele.
  • student(key) kasutatakse võtme väärtusele juurdepääsu saamiseks.

Näide 2: Atribuutide väärtuste värskendamine

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

Väljund

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

Ülaltoodud näites kasutatakse for… intsüklit salariesobjekti omaduste kordamiseks . Seejärel lisatakse stringi $objekti igale väärtusele.

jaoks … sisse stringidega

for… inStringi väärtuste kordamiseks võite kasutada ka loopi. Näiteks,

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

Väljund

 kood

jaoks … sisse massiividega

Võite kasutada ka for… inmassiividega. Näiteks,

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

Väljund

 tere 1 JavaScripti

Massiivide kohta saate lisateavet hilisemates õpetustes.

Märkus . Te ei tohiks kasutada for… inmassiivi kordamiseks, kus indeksi järjekord on oluline.

Üks paremaid massiivi iteratsiooni viise on for… oftsükli kasutamine.

Lingi kohta lisateabe saamiseks for… ofkülastage JavaScripti lingi jaoks.

Huvitavad Artiklid...