Cuprins

Lecția 2: Vector de obiecte, referire și modificare

Salut! Bine ai venit la cea de-a doua lecție din cadrul modulului Modul 8: Vectori și tablouri. În această lecție vei aprofunda noțiunea de vector, observând în detaliu cum se declară și se inițializează vectori de obiecte, precum și cum pot fi modificate elementele lui. Vom continua să lucrăm în Khan.

Cuvinte cheie: declarare, ințializare, modificare

Recapitulare: noțiunea de vector

Hai să facem o scurtă recapitulare legată de noțiunea de vector. În acest timp, ne vom uita și pe exercițiul pentru acasă de săptămâna trecută.

Un vector este un grup de obiecte așezate într-o anumită ordine. Obiectele din vectori au de obicei o caracteristică comună: sunt numere, nume de persoane, de orașe, etc.

Indexarea este modul prin care putem referi un singur obiect din vector. Pentru aceasta, atribuim câte un număr (numit index sau poziție) fiecărui element, începând cu valoarea 0.

În Khan, indexarea se face folosind paranteze drepte. Pentru un vector var v = [„Ana“, „Ion“, „Maria“ ];, elementele lui se indexează astfel:

Dacă ai înțeles bine noțiunile de mai sus, rezolvă următorul exercițiu recapitulativ. Dacă nu, hai să rezolvăm exercițiul pentru acasă împreună.

0. Exercițiu recapitulativ

Modifică programul de mai jos pentru a obține un rezultat ca în figură: Pentru a rezolva acest exercițiu, trebuie să:

Exercițiu

Made using: Khan Academy Computer Science.

Tutorial: declarare vector, inițializarea lui, modificarea elementelor

Astăzi vom folosi vectori cu obiecte mai complexe. Urmărește exemplul și rezolvă exercițiul propus.

1. Inițializarea vectorilor

În exemplul de mai jos am folosit doi vectori: messages conține niște propoziții, iar colors este un vector de culori. Vezi diferența dintre cei doi vectori? Ei au fost inițializați diferit. Urmărește explicația de sub exemplu și rezolvă cele două cerințe.

Culori

Made using: Khan Academy Computer Science.

Explicație

Vectorul messages a fost inițializat prin enumerarea elementelor lui, iar vectorul colors a fost inițializat prin atribuirea de valori pe poziții diferite. În cazul vectorului messages, șirurile de caractere au fost scrise unul sub celălalt pentru a putea fi observate mai bine. Acum că ai observat cum sunt inițializati cei doi vectori, rezolvă următoarele cerințe:

De reținut!

Vectorii pot fi inițializați în două moduri:

2. Modificarea vectorilor

În următorul exemplu vom desena niște pătrate cu diferite culori. Vezi cum am refolosit vectorul de culori? Este destul de simplu deoarece elementele din vector pot fi modificate. Urmărește explicația de mai jos și rezolvă cerințele.

Culori și pătrate

Made using: Khan Academy Computer Science.

Explicație

Într-un vector putem schimba valoarea oricărui element de câte ori dorim în cadrul programului. Inițial, în vectorul de culori au fost puse culorile [ roșu, galben, albastru ]. Apoi au fost modificate culorile astfel încât vectorul a devenit [ verde, portocaliu, violet ]. La final, a fost schimbată prima culoare, vectorul devenind [ violet, portocaliu, violet ]. În acest caz, am folosit culoarea de pe poziția 2 pentru a o atribui și pe poziția 0. Acum că ai observat cum se pot modifica valorile dintr-un vector, rezolvă următoarele cerințe:

De reținut!

Elementele dintr-un vector pot fi schimbate cu valori noi sau cu alte valori din cadrul vectorului.

Exerciții

3. Vector de imagini

Ai văzut astăzi că poți crea un vector de culori. La acest exercițiu vei crea un vector de imagini. Adaugă în programul următor inițializarea vectorului de imagini. Partea de afișare este deja scrisă, însă inițial nu se afișează nimic pentru că vectorul nu are elemente. După ce vei adăuga elemente în el, vor fi desenate. Poți inițializa vectorul prin oricare din cele două metode. La final trebuie să obții o imagine asemănătoare:

Vector de imagini

Made using: Khan Academy Computer Science.

4. Vector de puncte și culori

Acum vom desena un vector de puncte colorate. Modifică programul de mai jos pentru a desena niște puncte ca în figura:

Pentru aceasta, ai în program declarat un vector de puncte - points și unul de culori - colors'. Vectorul points reține coordonatele x și y ale unui punct de pe ecran. Vectorul colors'' reține culorile punctelor. Ai deja scrisă inițializarea pentru primul punct, completează tu pentru celelalte.

Puncte colorate

Made using: Khan Academy Computer Science.

5. Bonus

Modifică programul de la exercițiul 4 pentru a desena foarte multe puncte de culori diferite pe ecran. Punctele pot avea culori și coordonate alese aleator. Pentru a alege o culoare aleator, poți folosi codul:

var culoare = color(random(0, 255), random(0, 255), random(0, 255));

Pentru a alege coordonatele unui punct aleator, poți folosi codul:

var punct = [random(0, 400), random(0, 400)];

Un exemplu de imagine care poate fi obținută este:

Exercițiu pentru acasă

Reprodu desenul de mai jos folosind 2 for-uri, apoi creează-ți un vector cu 4 lucruri dragi ție și scrie câte un element din vector în fiecare cadran. Dacă dorești, poți pune și alte imagini în locul inimilor.