Skip to content

Listă recapitulativă metode Array în JavaScript

Această pagină oferă un ghid detaliat pentru metodele de array în 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

Array-urile oferă un set bogat de metode pentru manipularea datelor (adăugare, ștergere, modificare, căutare):

Adăugarea elementelor

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

Ștergerea elementelor

  • pop: Șterge ultimul element dintr-un array.
  • shift: Șterge primul element dintr-un array.
  • splice: Șterge un număr oarecare de elemente pe baza indicelui.

Căutarea elementelor

  • indexOf: Caută indicele unui element în array.
  • includes: Determină dacă un array conține un anumit element.

Iterarea prin array

  • forEach: Execută o funcție de callback pentru fiecare element al array-ului.
  • map: Creează un array nou cu rezultatele apelării unei funcții pentru fiecare element al array-ului original.
  • filter: Creează un array nou cu toate elementele care trec un test.

Transformarea array-ului

  • join: Unește toate elementele unui array într-un singur șir de caractere.
  • slice: Returnează un fragment dintr-un array.
  • concat: Combină două sau mai multe array-uri.

Noi Caracteristici ES6

ES6 a introdus multe îmbunătățiri pentru manipularea array-urilor:

Operatorul Spread 

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

Optimizarea performanței este crucială atunci când lucrați cu array-uri mari:

  • Încercați să utilizați metode native precum map și filter, deoarece acestea 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 efectuarea operațiunilor DOM în interiorul buclelor; în schimb, colectați modificările DOM necesare și aplicați-le pe toate odată la sfârșit.

Concluzie

Prin studierea acestui ghid, sperăm că ați obținut o înțelegere mai profundă a operațiunilor cu array-uri în JavaScript. Pentru mai multe informații, consultați MDN Web Docs.