JavaScript For ciklai – Mokykitės žingsnis po žingsnio

Sveiki atvykę į šią gilią pamoką apie vadinamąją for-ciklo struktūrą, dar žinomą kaip V-ciklas. Programavime ciklas yra fundamentalus konceptas, leidžiantis kelis kartus vykdyti tam tikrą kodo bloką, nesikartojant jo rankiniu būdu. Jei norite naudoti skaitiklius arba atlikti tęstines operacijas, for-ciklas yra efektyvus įrankis. Pasinerkime į for-ciklų sintaksę ir jų taikymą, žingsnis po žingsnio.

Pagrindiniai pastebėjimai

For-ciklas leidžia pakartotinai vykdyti kodo bloką, remiasi iš anksto nustatytomis sąlygomis. Jis susideda iš trijų pagrindinių komponentų: pradžios vertės, pabaigos vertės ir žingsnių, kurie keičia skaitiklį ciklo metu. Be to, sumaniai nustatydami kintamuosius, mes išvengiame nesibaigiančių ciklų.

Žingsnis po žingsnio for-ciklo vadovas

For-ciklo apibrėžimas

For-ciklas paprastai apibrėžiamas taip: jis prasideda su skaitikliu, lygina jį su pabaigos verte ir nustato žingsnius, kad ciklas tęstųsi. Bendra sintaksė atrodo taip:

for (initialization; condition; increment) { // Kodo blokas, kuris bus vykdomas kelis kartus }

Norėdami pateikti paprastą pavyzdį, pažvelkime į skaitiklio kintamojo apibrėžimą.

Čia pirmiausia nustatote pradinę savo skaitiklio vertę, pavyzdžiui, 0. Diegimo metu tarp atskirų for-ciklo komponentų svarbu, kad jie būtų teisingai išdėstyti.

Pavyzdys su dideliu skaitikliu

Pabandykime skaitiklį nuo 0 iki 9. Jūsų for-cikle skaitiklis lyginamas su 10. Tai reiškia, kad ciklas skaičiuoja nuo 0 iki 9. Čia labai svarbu tinkamai sudėti kabliatus, kitaip sintaksė neveiks.

Šiame pavyzdyje jūs jau sužinojote for-ciklo pagrindus. Svarbu, kad ciklas galiausiai baigtųsi, kad būtų išvengta nepageidaujamų begalinių ciklų.

Ženklių ričių naudojimas

Paskyrus ciklą, galite rašyti skliausteliuose, kas turi būti vykdoma kiekvienos iteracijos metu.

Ši komanda bus vykdoma kiekvienos iteracijos metu, o skaitiklio vertė bus rodoma jūsų HTML puslapyje.

Vykdydami skriptą, pamatysite skaitiklio vertes nuo 0 iki 9. Galite pritaikyti ciklą, kad padidintumėte iteracijų skaičių arba pritaikytumėte skaitiklį žingsnis po žingsnio.

Break komandos naudojimas

Jei norite geriau struktūruoti savo išvestį, galite naudoti komandas, tokias kaip break, kad sukurtumėte konkrečius eilutės lūžius. Tai gali pagerinti jūsų išvesties aiškumą ir aiškiai atskirti skaitiklio vertes.

Break komandos įterpimas palengvina eilutės lūžį, kai išvesite kelias vertes. Dabar taip pat galite eksperimentuoti ir, pavyzdžiui, padidinti ciklų skaičių padidindami pabaigos vertę iki 100.

Skaitiklio didinimas didesniais žingsniais

Galite pritaikyti savo ciklą, kad skaitiklį didintumėte didesnėmis vertėmis. Vietoj to, kad skaitiklį didintumėte tik 1, galite jį padidinti 5.

Čia turite atkreipti dėmesį į tai, kad sąlyga turi būti pritaikyta: ciklas baigiasi, kai skaitiklis pasiekia 100. Tai reiškia, kad išvestis bus rodomas skaitiklio vertes 5 taškais: 0, 5, 10 iki 95.

Alternatyvių skaitiklio kintamųjų naudojimas

Nėra būtinybės naudoti termino „skaitiklis“, kai naudojate for-ciklą. Galite naudoti bet kokį kintamąjį. Pavyzdžiui, galite naudoti „count“ vietoj „skaitiklis“ arba netgi išvesti tekstą „Bart padarė klaidą“, norėdami parodyti ciklą.

Kūrybiškai pritaikydami skaitiklio kintamuosius, galite naudoti for-ciklą įvairioms reikmėms, priklausomai nuo to, kam norite jį naudoti.

Ateities žingsnių apžvalga

Šiame vaizdo įraše aptarėme pagrindinius for-ciklo elementus ir pamatėme, kaip juos efektyviai naudoti, kad generuotume kodo blokų išvestį. Kitame vaizdo įraše apžvelgsime funkcijas ir sukursime savo funkcijas, kad galėtume toliau eiti už for-ciklo.

Apibendrinimas – išsamus „JavaScript For“ ciklų vadovas

Apibendrinant, for-ciklai yra universalus būdas pakartotinai vykdyti kodą. Išmokote, kaip apibrėžti skaitiklio kintamąjį, nustatyti sąlygas, koreguoti žingsnius ir pagerinti išvestis. Su šiomis pagrindinėmis žiniomis galite kurti sudėtingesnes programas.