Am arătat în episodul anterior cum putem face în așa fel încât să executăm în mod repetat instrucțiuni atâta timp cât o condiție este îndeplinită. Să considerăm acum un exemplu simplu: dorim să scriem o funcție care să afișeze toate numerele naturale cuprinse între 1 și o valoare pe care o primește ca parametru. Destul de simplu, nu? Ar fi cam așa:
|
1 2 3 4 5 6 7 |
function numere(n) { var i = 1 while (i <= n) { document.writeln(i) i++ } } |
Dacă privim cu atenție codul, identificăm patru componente: în linia 2 avem inițializarea unei variabile; în linia 3 avem condiția (influențată și de variabila menționată), în linia 4 avem instrucțiunea care realizează operație care dorim să fie repetată și în linia 5 avem o instrucțiune care modifică variabila pentru ca, la un moment dat, condiția să nu mai fie îndeplinită.
Acesta este un șablon atât de des întâlnit, încât limbajul JavaScript oferă o prescurtare.
Instrucțiunea for
Noua instrucțiune permite specificarea inițializării, a condiției și a modificării într-un format mai compact. Practic, avem cuvântul for, urmat de inițializare, condiție și modificare, cuprinse între paranteze și separate prin semnul ; și apoi de instrucțiunea sau blocul de instrucțiuni care trebuie executate la fiecare iterație. Funcția noastră ar putea fi rescrisă astfel:
|
1 2 3 4 5 6 |
function numere(n) { var i for (i = 1; i <= n; i++) { document.writeln(i) } } |
Observăm variabila i declarată în linia 2. Nu are nicio utilitate în afara buclei; limbajul JavaScript ne permite să punem declarația în zona de inițializare:
|
1 2 3 4 5 |
function numere(n) { for (var i = 1; i <= n; i++) { document.writeln(i) } } |
De fapt, var poate lipsi fiindcă, dacă nu a fost utilizată anterior, variabila este "declarată" automat la inițializare, așa cum am văzut în episodul II.
Operatorul virgulă
În JavaScript avem la dispoziție un operator interesant, reprezentat printr-o virgulă (semnul ,). Acesta este un operator binar; el evaluează valoarea primului operand, o ignoră și apoi evaluează valoarea celui de-al doilea. Pare inutil, dar nu este deloc așa.
Practic, dacă avem expresii, le putem înlănțui cu virgule (nu spune nimeni că al doilea operand nu poate include, la rândul său, operatorul virgulă).
Un prim efect interesant este că dacă avem doar o serie de atribuiri sau apeluri de funcții, le putem separa prin ,. Nu are nicio utilitate practică, dar se poate (atâta timp cât nu avem nevoie de un if, un while, un for, un switch etc.).
Dar, unul dintre locurile în care acest operator este util, este zona de inițializare a instrucțiunii for. Putem inițializa mai multe variabile dacă dorim. De asemenea, putem folosi operatorul și în zona de incrementare / decrementare (aceasta este o denumire utilizată pentru a treia zonă, deoarece de obicei operațiile care apar acolo sunt incrementări sau decrementări, deși nu este obligatoriu). I se mai spune, simplu, zona de incrementare (mult mai des avem incrementări).
Următoarea funcție utilizează aceasta facilitate. Încercați să vă dați seama ce se afișează!
|
1 2 3 4 5 |
function perechi(n) { for (i = 0, j = n; i <= j; i++, j--) { document.writeln(i + " " + j) } } |
Oricare dintre cele trei zone poate lipsi. Dacă lipsește zona de inițializare, înseamnă că vom opera asupra altor variabile. Dacă lipsește condiția, înseamnă că ne bazăm pe alte mecanisme pentru a întrerupe execuția buclei (de exemplu un return; altele vor fi prezentate în episodul următor). Dacă lipsește zona de incrementare / decrementare, înseamnă că ne bazăm pe alte mecanisme pentru a afecta condiția (în principiu, modificări în corpul buclei).
For în for
Cum era de așteptat, în cadrul corpului buclei pot apărea orice fel de instrucțiuni, inclusiv un alt for. Până acum am spus că este permis if în if (episodul IV) sau while în while (episodul X). Ne putem imagina că este permis și pentru alte instrucțiuni: am putea avea do în do, switch în switch și, acum, for în for. De fapt, știm că nu trebuie să ne limităm doar la un nivel de imbricare (vă mai amintiți termenul?). Și... instrucțiunile nu trebuie să fie de același fel: nimic nu ne oprește să avem if în while în for în switch în for. Nu ar fi prea bine să ajungem să avem așa ceva fiindcă am înțelege cu greu ce se întâmplă exact în zona respectivă, dar este posibil.
Dar, să revenim la for în for; e destul de simplu. Să scriem o funcție care afișează numerele puțin altfel; fiecare va fi reprezentat de niște steluțe, numărul acestora indicând valoarea numărului.
|
1 2 3 4 5 6 7 8 |
function numere(int n) { for (i = 1; i <= n; i++) { for (j = 1; j <= i; j++) { document.write('*') } document.writeln("<br/>") } } |
Dacă am apela funcția cu argumentul 10, la ieșire s-ar scrie:
|
1 2 3 4 5 6 7 8 9 10 |
* ** *** **** ***** ****** ******* ******** ********* ********** |
În situațiile simple în care avem o singură variabilă care apare în zonele de inițializare și incrementare și este implicată și în condiție, spunem că ea controlează bucla respectivă.
În principiu, buclele imbricate sunt controlate de variabile diferite, chiar dacă o variabilă dintr-o buclă exterioară poate fi folosită într-una interioară. În cazul nostru, variabila i care controlează prima buclă este utilizată în condiția celei de-a doua. Din nou, sunt excepții; putem (în teorie) să folosim aceeași variabilă pentru a controla o buclă interioară; totuși, în marea majoritate a cazurilor așa ceva nu este de dorit.
Va urma
În următorul episod vom vedea cum putem afecta execuția "normală" a instrucțiunilor din interiorul buclelor.
