A ciklusok segítségével egy vagy több parancsot végrehajthatunk többszőr anélkül, hogy többszőr leírnánk őket. Ezáltal spórolhatunk rengeteg program kódot.

Képzeljük el, hogy ki akarjuk írni a számokat 1-től 10-ig egy alert ablakban, akkor azt így írnánk le:

    <script type="text/javascript">
    alert( 1 );
    alert( 2 );
    alert( 3 );
    ...
    alert( 9 );
    alert( 10 );
    </script>


        

Ennek a kódnak az átírása egy ciklus segítségével pár soros kódot eredményezne, ahogy az alábbi példában is láthatjuk.

    <script type="text/javascript">
    var i;

    for( i=0; i<10; i++ )
    {
        alert( i );
    }
    </script>


        

A ciklusok típusai

3 féle ciklust különböztetünk meg:

1. For, előre meghatározott számú
2. While, elől tesztelős
3. Do-while, hátul tesztelős

A For ciklus

A for ciklus egy előre meghatározott lépésszámú ciklus, ami azt jelenti, hogy pontosan annyiszor fogja végrehajtani az adott feladato(ka)t ahányszor mi akarjuk. Pl. 10x.

A ciklus kinézte, formája:

    <script type="text/javascript">
    var i;

    for( i=0; i<10; i++ )
    {
        // végre hajtandó feladatok
    }
    </script>


        

Első lépésben létrehozunk egy változót, amely segít számolni, hogy hányadik alkalommal hajtotta végre a feladatokat. Erre használtuk az i változót. A ciklus megírásához meg kell határoznunk, hogy melyik értéktől induljon az i értéke, ez általában 0 (i=0;), de akár 100 is lehetne. Majd következik a feltétel, hogy meddig kell működjön a ciklus, amíg az i értéke kisebb, mint 10 (i<10;). És legvégül, hogy a feladatok végrehajtása után, mekkora értékkel növeljük az i értékét. A ++ operátor az 1 értékkel növeli az értéket. De itt akár mehetnénk kettessével is, bár az egyenlő lenne azzal, mintha csak 5x hajtanánk végre a feladatokat. Néha van rá szükség, hogy ne egyessével növeljük a számlálót, hanem pl. százassával.

A While ciklus

A while ciklust is nevezhetjük néha előre meghatározott lépésszámú ciklusnak, de ezt mégis olyankor szoktuk használni, amikor nem tudjuk, hogy hány alkalommal hajtódnak végre a feladatok, csak azt, hogy addig hajtja végre amíg teljesül egy feltétel. Pl. amíg az i<10

A ciklus kinézte, formája:

    <script type="text/javascript">
    var i;

    while( i < 10 )
    {
        // végre hajtandó feladatok
    }
    </script>


        

Első lépésben létrehozunk egy változót, amely a feltétel felállításához kell, erre használtuk az i változót. A beírt feltételünk pedig, addig hajtsuk végre a feladatot, amíg az i<10.

Itt viszont bármilyen feltételt lehetséges beírni, pl. van két változónk, number1 és number2 és addig szeretnénk a feladatokat végrehajtani, amíg ez a két szám nem egyenlő. Tehát: number1 != number2.

Amire nagyon kell vigyázni, a while ciklusban az i értéke nem változik, mint a for esetében, ezért nekünk kell az értéket változtatni, hanem végtelen ciklus lesz belőle. Végtelen időn át ugyanazokat a feladatokat fogja végrehajtani, soha nem ér el a ciklus végére.

A do While ciklus

A do while ciklus működése ugyanaz, mint a while ciklusé, egy aprócska különbséggel: mivel a feltétel a ciklus végén található, ezért legalább 1x mindig végre fogja hajtani a feladatokat majd ellenőrzi, hogy a feltétel teljesül-e, ha igen ismét végrehajtja, ha nem az élet megy tovább.

A ciklus kinézte, formája:

    <script type="text/javascript">
    var i;

    do
    {
        // végre hajtandó feladatok
    }
    while( i < 10 );
    </script>


        

Első lépésben létrehozunk egy változót, amely a feltétel felállításához kell, erre használtuk az i változót. Majd megírjuk a végrehajtandó feladatokat és a végére tesszük a feltételt amely eldönti, hogy kell-e többszőr végrehajtani vagy nem.