Fundamentele programării (XIV) - JavaScript

Până acum am creat șiruri și am accesat elemente individuale ale acestora. Dar, nu prea are rost să grupăm elemente împreună dacă nu le și folosim împreună. În cadrul acestui episod vom vedea cum putem folosi întregul șir.

În majoritatea operațiilor cu șiruri pe care le folosim trebuie să lucrăm cu fiecare element al șirului. Spunem că parcurgem, traversăm sau iterăm elementele șirului respectiv.

Traversarea clasică

Să presupunem că avem un șir și dorim să calculăm suma elementelor sale. Vom crea o funcție care va primi ca parametru un șir și numărul elementelor acestuia și va returna suma acestor elemente.

Pentru a parcurge șirul vom folosi o variabilă care va avea valori cuprinse între 0 și n - 1, unde n este numărul elementelor șirului. Cu ajutorul acesteia vom putea accesa fiecare element al șirului și le putem aduna. Funcția noastră ar putea fi următoarea:

Observăm că instrucțiunea din linia 3 face ca variabila i să aibă, pe rând, valorile cuprinse între 0 și n - 1; apoi, în linia 4, prin sir[i] accesăm cel de-al i-lea element al șirului și adunăm la sumă valoarea respectivă. Pentru a calcula suma am folosit metoda prezentată la sfârșitul episodului XII (inițializarea cu 0 și adunarea succesivă a valorilor).

Acum, am putea efectua apeluri de genul:

Proprietatea length

Este oarecum neplăcut că a trebuit să precizăm lungimea șirului. De fapt, e chiar riscant; putem greși destul de ușor. De exemplu, am putea folosi o valoare prea mică și atunci nu am mai aduna toate numerele sau am putea folosi o valoare prea mare și atunci am încerca să adunăm elemente care nu există. Puteți încerca să vedeți ce se întâmplă dacă efectuăm apelurile următoare:

Ne-am dori să putem calcula automat această valoare. Din fericire, array-urile au o proprietate care ne spune câte elemente conțin. Pentru a accesa o proprietate trebuie să precizăm variabila, urmată de un punct și de numele proprietății.

Proprietatea care conține numărul elementelor unui array este length. Așadar, pentru a determina numărul elementelor șirului a, putem folosi a.length.

Să încercăm acum să rescriem apelul:

Apelând în acest mod, evităm să greșim dimensiunea șirului, dar parcă ar fi mai bine ca funcția să știe să își determine singură numărul elementelor. Nici nu e prea greu să o modificăm; nu vom mai avea n ca parametru; îl vom calcula. Noua funcție ar putea fi:

Apelurile modificate sunt:

Dimensiunea unui șir este un număr și poate folosită oriunde este folosit un număr; nu trebuie nepărat să stocăm valoarea într-o altă variabilă. Putem scăpa de n cu totul:

Instrucțiunea for each

În exemplele de până acum am avut nevoie de toate elementele dintr-un șir. Pentru aceasta am folosit o variabilă care lua pe rând valorile tuturor indicilor posibil și apoi accesam elementele respective. Scenariul este atât de frecvent încât limbajul JavaScript ne oferă o "scurtătură", așa-numita instrucțiune for each (în traducere, pentru fiecare).

Practic, vom preciza doar șirul cu care lucrăm și o variabilă care va conține, pe rând, valorile elementelor șirului respectiv. Numărul iterațiilor este dat de numărul elementelor șirului (dacă nu este întâlnită vreo instrucțiune care să întrerupă prematur execuția buclei: break, return sau altele pe care nu le-am prezentat încă).

Pentru a folosi noua instrucțiune vom scrie cuvântul for, urmat de o paranteză deschisă, declarația variabilei care va conține valorile, cuvântul of, un șir, o paranteză închisă și apoi instrucțiunea sau blocul de instrucțiuni care formează corpul buclei.

Putem rescrie funcția noastră astfel:

Va urma

În cadrul episodului următor vom vedea că putem avea șiruri de șiruri.

Te-ar putea interesa și:

  • gpanther

    Desi nu este obligatoriu, este foarte recomandat sa termini statement-urile in JS cu ";". Altfel se parseaza mai lent (parser-ul trebuie sa ruleze tot feluri de euristici sa-si deie seama unde se termina linia) si poti introduce erori greu de gasit.