For, While és Do While LOOP in JavaSzkript (példával)
Hogyan kell használni a Loop-ot?
A hurkok akkor hasznosak, ha ugyanazt a kódsort ismételten kell végrehajtani, meghatározott számú alkalommal, vagy amíg egy adott feltétel igaz. Tegyük fel, hogy 100-szor szeretne beírni egy „Hello” üzenetet a weboldalán. Természetesen ugyanazt a sort 100-szor kell másolnia és beillesztenie. Ehelyett, ha hurkokat használ, ezt a feladatot mindössze 3 vagy 4 sorban hajthatja végre.
Különböző típusú hurkok
Főleg négyféle hurok található benne JavaForgatókönyv.
- hurokhoz
- for/in a loop (magyarázat később)
- míg hurok
- do…while ciklus
hurokhoz
Syntax:
for(statement1; statement2; statment3) { lines of code to be executed }
- Az utasítás1 kerül végrehajtásra először, még a hurokkód végrehajtása előtt is. Tehát ezt az utasítást általában arra használják, hogy értékeket rendeljenek a cikluson belüli változókhoz.
- Az utasítás2 a ciklus végrehajtásának feltétele.
- A 3 utasítás minden alkalommal végrehajtásra kerül a hurokkód végrehajtása után.
Próbáld ki magad:
<html> <head> <script type="text/javascript"> var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth"); document.write("<b>Using for loops </b><br />"); for (i=0;i<students.length;i++) { document.write(students[i] + "<br />"); } </script> </head> <body> </body> </html>
míg hurok
Syntax:
while(condition) { lines of code to be executed }
A „while ciklus” mindaddig végrehajtódik, amíg a megadott feltétel igaz. A while ciklusba bele kell foglalni azt az utasítást, amely egy bizonyos időpontban befejezi a ciklust. Ellenkező esetben a ciklus soha nem ér véget, és a böngésző összeomolhat.
Próbáld ki magad:
<html> <head> <script type="text/javascript"> document.write("<b>Using while loops </b><br />"); var i = 0, j = 1, k; document.write("Fibonacci series less than 40<br />"); while(i<40) { document.write(i + "<br />"); k = i+j; i = j; j = k; } </script> </head> <body> </body> </html>
do…while ciklus
Syntax:
do { block of code to be executed } while (condition)
A do…while ciklus nagyon hasonlít a while ciklushoz. Az egyetlen különbség az, hogy a do…while ciklusban a kódblokk egyszer lefut, még a feltétel ellenőrzése előtt.
Próbáld ki magad:
<html> <head> <script type="text/javascript"> document.write("<b>Using do...while loops </b><br />"); var i = 2; document.write("Even numbers less than 20<br />"); do { document.write(i + "<br />"); i = i + 2; }while(i<20) </script> </head> <body> </body> </html>