Skip to content

Metode Array JavaScript Cheat Sheet

Această pagină oferă un ghid detaliat al metodelor de array JavaScript, inclusiv operațiunile comune, noile caracteristici ES6, optimizarea performanței și multe altele.

Crearea Array-urilor

JavaScript oferă mai multe modalități de a crea array-uri:

Utilizarea Literalilor de Array 

let arr = [1, 2, 3];

Utilizarea Constructorului 

let arr = new Array(1, 2, 3);

Utilizarea metodei Array.of 

let arr = Array.of(1, 2, 3);

Utilizarea metodei Array.from 

let arr = Array.from('123'); // ['1', '2', '3']

Operațiuni pe Array-uri

Array-urile oferă o multitudine de metode pentru adăugarea, ștergerea, modificarea și interogarea datelor:

Adăugarea elementelor

  • push: Adaugă unul sau mai multe elemente la sfârșitul array-ului
  • unshift: Adaugă unul sau mai multe elemente la începutul array-ului

Ștergerea elementelor

  • pop: Șterge ultimul element al array-ului
  • shift: Șterge primul element al array-ului
  • splice: Șterge orice număr de elemente pe baza indicelui

Găsirea elementelor

  • indexOf: Găsește indicele unui element în array
  • includes: Determină dacă array-ul conține un anumit element

Iterarea prin array-uri

  • forEach: Execută o funcție de apel invers o singură dată pentru fiecare element al array-ului
  • map: Creează un nou array cu rezultatele apelării unei funcții furnizate pe fiecare element din array-ul apelant
  • filter: Creează un nou array cu toate elementele care trec testul implementat de funcția furnizată

Transformarea array-ului

  • join: Unește toate elementele unui array într-un șir de caractere
  • slice: Returnează o copie superficială a unei părți dintr-un array
  • concat: Îmbină două sau mai multe array-uri

Noi Caracteristici ES6

ES6 a adus multe îmbunătățiri operațiunilor pe array-uri:

Operatorul Spread (Extindere) 

let arr = [1, 2, 3];
let arr2 = [...arr, 4, 5]; // [1, 2, 3, 4, 5]

Array.prototype.find 

let result = arr.find(item => item > 2); // 3

Array.prototype.findIndex 

let index = arr.findIndex(item => item > 2); // 2

Array.prototype.fill 

arr.fill(0); // [0, 0, 0]

Array.prototype.includes 

arr.includes(2); // true

Optimizarea Performanței

Când lucrați cu array-uri mari, optimizarea performanței este deosebit de importantă:

  • Încercați să utilizați metode native precum map și filter, care sunt de obicei implementate în C++ și sunt mai rapide decât buclele JavaScript.
  • Pentru array-urile manipulate frecvent, luați în considerare utilizarea Typed Arrays.
  • Evitați operațiunile DOM în interiorul buclelor; în schimb, colectați nodurile DOM care urmează să fie operate și efectuați operațiunea dintr-o dată.

Concluzie

Prin intermediul acestui ghid, ar trebui să aveți o înțelegere mai profundă a operațiunilor pe array-uri JavaScript. Pentru mai multe informații, vă rugăm să consultați MDN Web Docs.