Šioje pamokoje naudodamiesi pavyzdžiais sužinosite apie „…“ ciklo „JavaScript“.
„JavaScript“ yra trys būdai, kuriais galime naudoti forkilpą.
- „Loop“ „JavaScript“
- „JavaScript“ skirtas … cikle
- „…“ ciklo „JavaScript“
for… ofKilpa buvo įvesta vėlesnes versijas JavaScript ES6 .
„ for… ofJavaScript “ kilpa leidžia kartoti kartojamus objektus (masyvus, rinkinius, žemėlapius, eilutes ir kt.).
„…“ ciklo „JavaScript“
Kilpos sintaksė for… ofyra:
for (element of iterable) ( // body of for… of )
Čia
- iterable - iteruojamas objektas (masyvas, rinkinys, eilutės ir kt.).
- elementas - iteruojamo elemento elementai
Paprasčia anglų kalba galite perskaityti aukščiau pateiktą kodą taip: paleiskite kiekvieno ciklo elementą kilpos kūną.
už… su „Arrays“
for… ofCiklas gali būti naudojamas, kad iš eilės per masyvą. Pavyzdžiui,
// array const students = ('John', 'Sara', 'Jack'); // using for… of for ( let element of students ) ( // display the values console.log(element); )
Rezultatas
Jonas Sara Džekas
Pirmiau pateiktoje programoje for… ofkilpa naudojama norint pakartoti studentų masyvo objektą ir parodyti visas jo reikšmes.
už … iš su stygomis
Galite naudoti for… ofkilpą, norėdami pakartoti eilutės reikšmes. Pavyzdžiui,
// string const string = 'code'; // using for… of loop for (let i of string) ( console.log(i); )
Rezultatas
kodas
už… iš su rinkiniais
Naudodami for… ofkilpą, galite kartoti elementus „Nustatyti“ . Pavyzdžiui,
// define Set const set = new Set((1, 2, 3)); // looping through Set for (let i of set) ( console.log(i); )
Rezultatas
1 2 3
už… iš „Maps“
Naudodami for… ofkilpą, galite kartoti žemėlapio elementus . Pavyzdžiui,
// 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); )
Rezultatas
vardas- Džeko amžius- 27 metai
Vartotojo nustatyti iteratoriai
Galite sukurti iteratorių rankiniu būdu ir naudoti for… ofkilpą iteratoriams kartoti. Pavyzdžiui,
// 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); )
Rezultatas
1 2 3
už… su generatoriais
Kadangi generatoriai yra kartojami, galite lengviau įdiegti iteratorių. Tada galite kartoti generatorius naudodami for… ofkilpą. Pavyzdžiui,
// generator function function* generatorFunc() ( yield 10; yield 20; yield 30; ) const obj = generatorFunc(); // iteration through generator for (let value of obj) ( console.log(value); )
Rezultatas
10 20 30
už… iš Vs už… į
| už… iš | už … in |
|---|---|
for… ofKilpa naudojama, kad iš eilės per pasiekus iterable verčių. | for… inKilpa naudojama, kad iš eilės per objekto raktus. |
for… ofKilpa negali būti naudojamas, kad iš eilės per objektą. | for… inTokius masyvus ir eilutes galite naudoti kartodami kartojamą masyvą ir eilutes, tačiau turėtumėte vengti naudoti for… inkartojamų elementų. |
for… ofKilpa buvo įvesta ES6 . Kai kurios naršyklės gali nepalaikyti jo naudojimo. Norėdami sužinoti daugiau, apsilankykite „JavaScript“, jei norite … palaikymo.
