JavaScripti ... kohta Loop

Selles õpetuses saate näidete abil õppida loopi JavaScripti kohta.

JavaScripti abil on fortsüklit kasutada kolmel viisil .

  • JavaScript silmusele
  • JavaScripti jaoks … aasal
  • JavaScripti … silmuse jaoks

for… ofLoop võeti kasutusele hiljem versioonid JavaScript ES6 .

for… ofLoop JavaScript lubab sul Käi iterable objektide (massiivid, komplektid, kaardid, keelpillid jne).

JavaScripti … silmuse jaoks

for… ofSilmuse süntaks on:

 for (element of iterable) ( // body of for… of )

Siin,

  • iterable - korduv objekt (massiiv, komplekt, stringid jne).
  • element - itereeritava üksused

Selges inglise keeles saate ülaltoodud koodi lugeda järgmiselt: käivitage iterable'i iga elemendi jaoks silmusekeha.

… jaoks koos massiividega

for… ofLoop saab kasutada itereerime üle massiivi. Näiteks,

 // array const students = ('John', 'Sara', 'Jack'); // using for… of for ( let element of students ) ( // display the values console.log(element); )

Väljund

 John Sara Jack

Ülaltoodud programmis kasutatakse for… oftsüklit õpilaste massiivi objekti kordamiseks ja kõigi selle väärtuste kuvamiseks.

… jaoks koos stringidega

for… ofStringi väärtuste kordamiseks saate kasutada silmust. Näiteks,

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

Väljund

 kood

jaoks … koos komplektidega

Tsükli abil saate elementide Määra kaudu korrata for… of. Näiteks,

 // define Set const set = new Set((1, 2, 3)); // looping through Set for (let i of set) ( console.log(i); )

Väljund

 1 2 3

… jaoks koos Mapsiga

for… ofSilmuse abil saate kaardi elementide kaudu itereerida . Näiteks,

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

Väljund

 nimi- Jack vanus- 27

Kasutaja määratletud iteraatorid

Võite iteraatori luua käsitsi ja kasutada for… oftsüklit iteraatorite kaudu itereerimiseks. Näiteks,

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

Väljund

 1 2 3

… koos generaatoritega

Kuna generaatorid on korduvad, saate iteraatorit hõlpsamalt rakendada. Siis saate for… oftsükli abil generaatorite kaudu itereerida . Näiteks,

 // generator function function* generatorFunc() ( yield 10; yield 20; yield 30; ) const obj = generatorFunc(); // iteration through generator for (let value of obj) ( console.log(value); )

Väljund

 10 20 30

for… of Vs for… in

… jaoks … jaoks
for… ofLoop kasutatakse Kerrata läbi väärtuste kohta iterable. for… inLoop kasutatakse Kerrata läbi võtmed objekti.
for… ofEi saa ahelat kasutatakse itereerime objekti kohal. for… inSelliste massiivide ja stringide kordamiseks saate kasutada korduvaid, kuid vältige for… initerable'i kasutamist.

for… ofLoop võeti kasutusele ES6 . Mõni brauser ei pruugi selle kasutamist toetada. Lisateabe saamiseks külastage … toe saamiseks JavaScripti.

Huvitavad Artiklid...