JavaScript for ... in loop (ar piemēriem)

Šajā apmācībā jūs uzzināsit par JavaScript vietnei…, izmantojot piemērus.

Iepriekšējās apmācībās mēs apskatījām:

  • JavaScript kamēr un dari … kamēr cilpa
  • JavaScript ciklam

Ir arī cita veida cilpas. for… inJavaScript cilpa ļauj atkārtot pār visu īpašumu atslēgas objektu.

JavaScript vietnei…

for… inCilpas sintakse ir šāda:

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

Katrā cilpas atkārtojumā atslēga tiek piešķirta atslēgas mainīgajam. Cilpa turpinās visām objekta īpašībām.

Piezīme . Kad esat ieguvis atslēgas, varat viegli atrast tās vērtību.

1. piemērs: Iterēt caur objektu

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

Rezultāts

 vārds => Monikas klase => 7 vecums => 12

Iepriekš minētajā programmā for… incilpa tiek izmantota, lai atkārtotu studentobjektu un izdrukātu visas tā īpašības.

  • Objekta atslēga tiek piešķirta mainīgajai atslēgai.
  • student(key) tiek izmantots, lai piekļūtu atslēgas vērtībai.

2. piemērs: Rekvizītu vērtību atjaunināšana

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

Rezultāts

 Džeks: 24000 USD, Pols: 34000 USD, Monika: 55000 USD

Iepriekš minētajā piemērā for… incilpa tiek izmantota, lai atkārtotu salariesobjekta īpašības . Pēc tam virkne $tiek pievienota katrai objekta vērtībai.

par … ar Strings

Varat arī izmantot for… incilpu, lai atkārtotu virknes vērtības. Piemēram,

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

Rezultāts

 kods

par … iekšā ar masīviem

Varat izmantot arī for… inar masīviem. Piemēram,

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

Rezultāts

 sveiki 1 JavaScript

Jūs uzzināsiet vairāk par masīviem turpmākajās apmācībās.

Piezīme . Jums nevajadzētu izmantot, for… inlai atkārtotu masīvu, kur indeksa secība ir svarīga.

Viens no labākajiem veidiem, kā atkārtot masīvu, ir for… ofcilpa izmantošana.

Lai uzzinātu vairāk par for… ofciklu, apmeklējiet JavaScript … ciklam.

Interesanti raksti...