Structuri de Date JavaScript: Cum să le înțelegi și să le folosești corect

JavaScript este un limbaj versatil folosit atât pentru front-end, cât și pentru back-end, iar în spatele aplicațiilor puternice stau structuri de date eficiente. Fie că ești un începător în programare sau un dezvoltator experimentat, înțelegerea structurilor de date în JavaScript este esențială pentru a crea aplicații rapide și scalabile. Aceste structuri de date sunt fundamentale pentru stocarea, manipularea și accesarea informațiilor. În acest articol, vom explora câteva dintre cele mai utilizate structuri de date din JavaScript și vom oferi exemple utile pentru fiecare.

Ce sunt structurile de date în JavaScript?

Structurile de date sunt modalități de a organiza și stoca datele astfel încât să putem efectua operațiuni asupra acestora mai eficient. În JavaScript, avem la dispoziție mai multe tipuri de structuri de date, fiecare având un scop specific în funcție de nevoile aplicației tale. Acestea includ Arrays (tablouri), Objects (obiecte), Sets (mulțimi), Maps (hărți), Stack (stivă), Queue (coadă), și altele. Fiecare dintre aceste structuri are avantajele și dezavantajele sale, iar alegerea corectă depinde de tipul de operațiuni pe care vrei să le faci.

1. Arrays (Tablouri) în JavaScript

Un array este una dintre cele mai comune structuri de date utilizate în JavaScript. Este o colecție ordonată de elemente, accesibile printr-un index. Arrays sunt extrem de utile atunci când ai nevoie să stochezi o secvență de elemente de același tip. În JavaScript, poți să adaugi, să elimini sau să modifici elemente într-un array cu ușurință.

Exemplu de array:

let numere = [1, 2, 3, 4, 5];
console.log(numere[0]); // Afișează 1
numere.push(6); // Adaugă 6 la sfârșitul array-ului
console.log(numere); // Afișează [1, 2, 3, 4, 5, 6]

Operațiunile comune pe array-uri includ:

• push() - Adaugă un element la sfârșitul array-ului.
• pop() - Elimină ultimul element din array.
• shift() - Elimină primul element din array.
• unshift() - Adaugă un element la începutul array-ului.

2. Obiecte (Objects) în JavaScript

Un obiect în JavaScript este o colecție de perechi cheie-valoare. Obiectele sunt utile atunci când ai nevoie să stochezi datele care au o relație între ele, cum ar fi informațiile despre o persoană (nume, vârstă, adresă etc.).

Exemplu de obiect:

let persoana = {
  nume: "Ion",
  varsta: 30,
  oras: "București"
};
console.log(persoana.nume); // Afișează Ion
persoana.varsta = 31; // Modifică vârsta
console.log(persoana); // Afișează obiectul cu datele actualizate

Operațiuni comune pe obiecte includ:

• dot notation - Accesarea valorilor folosind sintaxa obiect.nume
• bracket notation - Accesarea valorilor folosind sintaxa obiect["nume"]
• delete - Șterge o proprietate din obiect.

3. Sets (Mulțimi) în JavaScript

Un set este o colecție de valori unice. Spre deosebire de array-uri, seturile nu permit duplicate, ceea ce le face utile atunci când vrei să stochezi valori fără duplicare. De asemenea, seturile sunt mai rapide decât array-urile când vine vorba de căutarea unui element.

Exemplu de set:

let setNumeri = new Set([1, 2, 3, 4]);
setNumeri.add(5); // Adaugă 5 în set
setNumeri.add(2); // Nu va adăuga 2 deoarece este deja în set
console.log(setNumeri); // Afișează Set {1, 2, 3, 4, 5}

Operațiuni comune pe seturi includ:

• add() - Adaugă o valoare în set.
• delete() - Șterge o valoare din set.
• has() - Verifică dacă o valoare există în set.

4. Maps (Hărți) în JavaScript

Un map este similar cu un obiect, dar cu o diferență majoră: atât cheile, cât și valorile pot fi de orice tip, nu doar șiruri de caractere sau simboluri. Acest lucru face ca Maps să fie mai flexibile și mai eficiente decât obiectele în anumite situații.

Exemplu de map:

let harta = new Map();
harta.set("nume", "Ion");
harta.set("varsta", 30);
console.log(harta.get("nume")); // Afișează Ion

Operațiuni comune pe map-uri includ:

• set() - Adaugă o pereche cheie-valoare în map.
• get() - Obține valoarea asociată unei chei.
• has() - Verifică dacă o cheie există în map.
• delete() - Șterge o pereche cheie-valoare din map.

5. Stivă (Stack) și Coadă (Queue)

Stivele și cozile sunt două structuri de date care se folosesc pentru a gestiona datele într-o ordine specifică. Stiva urmează principiul LIFO (Last In, First Out), în timp ce coada urmează principiul FIFO (First In, First Out).

Exemplu de stivă:

let stiva = [];
stiva.push(1);
stiva.push(2);
console.log(stiva.pop()); // Afișează 2

Exemplu de coadă:

let coada = [];
coada.push(1);
coada.push(2);
console.log(coada.shift()); // Afișează 1

Concluzie

În JavaScript, alegerea corectă a structurii de date este esențială pentru a crea aplicații eficiente și scalabile. Fie că folosești array-uri pentru a stoca liste, obiecte pentru a organiza datele sau seturi pentru a elimina duplicatele, înțelegerea modului în care fiecare structură de date funcționează te va ajuta să scrii cod mai curat și mai rapid. Începe să experimentezi cu aceste structuri și vei observa îmbunătățiri semnificative în performanța aplicațiilor tale!