Recapitulare: Tablouri

Aceasta este o recapitulare a noțiunilor prezentate în tutorialul despre tablouri.

Deseori, când creăm programe, vrem să memorăm liste de valori, iar în JavaScript putem face asta folosind un tip de valoarede dată numit tablou.

Pentru a crea un tablou, declarăm o variabilă așa cum o facem mereu, dar valorile noastre le vom scrie cuprinse în paranteze pătrate și separate unele de altele prin virgulă:

var xPositions = [33, 72, 64];

Putem memora orice fel de valoare JavaScript într-un tablou - nu doar numere. Iată un exemplu, în care memorăm șiruri de caractere:

var prieteniiMei = ['Alin', 'OhNu', 'Ioana', 'Sorina'];

Deseori vrem să afișăm lungimea unui tablou sau să facem ceva în funcție de lungimea acestuia. Din fericire, fiecare tablou are definită proprietatea length, care ne calculează lungimea curentă a tabloului:

text(prieteniiMei.length, 200, 200); // Afișează "4"

Atunci când dorim să accesăm o anumită valoare dintr-un tablou, o accesăm făcând referire la "indexul" său din tablou, adică poziţia sa. Primul index dintr-un tablou este 0, deci dacă vrem să accesăm primul element, specificăm numele variabilei tablou, apoi între paranteze pătrate punem 0:

text(prieteniiMei[0], 200, 0); // Afișează "Alin"

Al doilea element are indexul 1, al treilea are indexul 2, iar al patrulea indexul 3:

text(prieteniiMei[1], 200, 100); // Afișează "OhNu"
text(prieteniiMei[2], 200, 200); // Afișează "Ioana"
text(prieteniiMei[3], 200, 300); // Afișează "Sorina"

Pentru programatorii începători, indexarea pornind de la zero este unul dintre cele mai derutante aspecte ale tablourilor. Deci, ține cont de asta dacă e prima dată când lucrezi cu tablouri. În cele din urmă, te vei obişnui!

Adesea vrem să facem același lucru pentru fiecare element dintr-un tablou, așa cum am folosit comanda text() pentru a afișa numele de mai sus. În loc să scriem aceeași secvență de cod din nou și din nou, este mai bine să folosim o repetiție care execută acțiunea pentru fiecare dintre elementele tabloului, execută acel lucru pe care doream noi să îl facem pentru fiecare pas al repetiției. Trebuie să începem de la indexul 0, să mergem până la sfârșitul tabloului, adăugând de fiecare dată 1 la index. Iată cum am face asta:

for (var i = 0; i <  prieteniiMei.length; i++) {
   text(prieteniiMei[i], 200, (i+1)*100);
}

Observă cum punem i în interiorul parantezelor pătrate, pentru că reprezintă indexul curent de fiecare dată când se execută repetiția.

Tablourile pot fi schimbate în mai multe moduri. Pentru început, putem schimba o valoare:

prieteniiMei[1] = "Ciudatul";

De asemenea, putem să adăugăm valori complet noi, folosind metoda push(), transmițând noua valoare:

prieteniiMei.push("Optimistul");

După rularea acestei linii de cod, proprietatea length a tabloului se va schimba astfel încât să reflecte noua lungime, iar indexul final va fi 4, în loc de 3.

Dacă vrei o listă completă despre ce se poate face cu tablourile în JavaScript, vezi acest articol. Dar nu te îngrijora, căci tot ceea ce facem aici îți va folosi foarte mult!

Vrei să te alături conversației?

Conectare

Ordonare după:

Nici o postare încă.

Înțelegi engleza? Dă clic aici pentru a vedea mai multe discuții care au loc pe site-ul în limba engleză al Khan Academy.