Šajā apmācībā jūs uzzināsit par JavaScript for loop ciklu, izmantojot piemērus.
JavaScript ir trīs veidi, kā mēs varam izmantot forcilpu.
- JavaScript ciklam
- JavaScript vietnei…
- JavaScript … cilpa
for… ofCilpa tika ieviesta vēlāk versijas JavaScript ES6 .
for… ofJavaScript cilpa ļauj atkārtot pār iterable objektiem (masīvi, komplekti, kartes, stīgas uc).
JavaScript … cilpa
for… ofCilpas sintakse ir šāda:
for (element of iterable) ( // body of for… of )
Šeit,
- iterējams - iterējams objekts (masīvs, kopa, virknes utt.).
- elements - iterējamā elementi
Vienkāršā angļu valodā jūs varat izlasīt iepriekš minēto kodu šādi: katram iterējamajam elementam palaidiet cilpa pamattekstu.
par… no ar masīviem
for… ofCilpa var izmantot, lai atkārtot pār masīvu. Piemēram,
// array const students = ('John', 'Sara', 'Jack'); // using for… of for ( let element of students ) ( // display the values console.log(element); )
Rezultāts
Džons Sara Džeks
Iepriekš minētajā programmā for… ofcilpa tiek izmantota, lai atkārtotu studentu masīva objektu un parādītu visas tā vērtības.
par … no ar stīgām
Varat izmantot for… ofcilpu, lai atkārtotu virknes vērtības. Piemēram,
// string const string = 'code'; // using for… of loop for (let i of string) ( console.log(i); )
Rezultāts
kods
par… no ar komplektiem
Izmantojot for… ofcilni, varat atkārtot iestatīšanas elementus . Piemēram,
// define Set const set = new Set((1, 2, 3)); // looping through Set for (let i of set) ( console.log(i); )
Rezultāts
1 2 3
par… no pakalpojuma Maps
Izmantojot for… ofcilpu, varat atkārtot kartes elementus . Piemēram,
// define Map let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map for (let (key, value) of map) ( console.log(key + '- ' + value); )
Rezultāts
vārds- Džeka vecums- 27 gadi
Lietotāja noteikti atkārtotāji
Jūs varat izveidot iteratoru manuāli un izmantot for… ofcilpu, lai iterētu caur iteratoriem. Piemēram,
// creating iterable object const iterableObj = ( // iterator method (Symbol.iterator)() ( let step = 0; return ( next() ( step++; if (step === 1) ( return ( value: '1', done: false); ) else if (step === 2) ( return ( value: '2', done: false); ) else if (step === 3) ( return ( value: '3', done: false); ) return ( value: '', done: true ); ) ) ) ) // iterating using for… of for (const i of iterableObj) ( console.log(i); )
Rezultāts
1 2 3
par … kopā ar ģeneratoriem
Tā kā ģeneratori ir atkārtojami, iteratoru var ieviest vienkāršākā veidā. Tad jūs varat atkārtot, izmantojot ģeneratorus, izmantojot for… ofcilpu. Piemēram,
// generator function function* generatorFunc() ( yield 10; yield 20; yield 30; ) const obj = generatorFunc(); // iteration through generator for (let value of obj) ( console.log(value); )
Rezultāts
10 20 30
par… no Vs par… in
| par… no | par … |
|---|---|
for… ofCilpa tiek izmantota, lai atkārtot caur vērtībām laikā pēc iterable. | for… inCilpa tiek izmantota, lai atkārtot caur atslēgas objektu. |
for… ofCilpa nevar izmantot, lai atkārtot pār objektu. | for… inŠādus masīvus un virknes varat izmantot, lai atkārtotu vairākkārt atkārtojamus masīvus, taču jāizvairās no atkārtotu datu izmantošanas for… in. |
for… ofCilpa tika ieviesta ES6 . Dažas pārlūkprogrammas var neatbalstīt tā lietošanu. Lai uzzinātu vairāk, apmeklējiet JavaScript, lai iegūtu … atbalstu.
