Skip to content

JavaScript Metoder för Arrayer Cheat Sheet

Denna sida ger en detaljerad guide till JavaScript-metoder för arrayer, inklusive vanliga operationer, nya ES6-funktioner, prestandaoptimering och mer.

Skapa Arrayer

JavaScript erbjuder flera sätt να skapa arrayer:

Använda Arrayliteraler 

let arr = [1, 2, 3];

Använda Konstruktorn 

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

Använda metoden Array.of 

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

Använda metoden Array.from 

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

Operationer på Arrayer

Arrayer erbjuder en mängd metoder för att lägga till, ta bort, ändra och fråga efter data:

Lägga till element

  • push: Lägg till ett eller flera element i slutet av arrayen
  • unshift: Lägg till ett eller flera element i början av arrayen

Ta bort element

  • pop: Ta bort det sista elementet i arrayen
  • shift: Ta bort det första elementet i arrayen
  • splice: Ta bort valfritt antal element baserat på index

Hitta element

  • indexOf: Hitta index för ett element i arrayen
  • includes: Avgör om arrayen innehåller ett visst element

Iterera genom arrayer

  • forEach: Kör en callback-funktion en gång för varje element i arrayen
  • map: Skapa en ny array med resultaten av att anropa en tillhandahållen funktion på varje element i den anropande arrayen
  • filter: Skapa en ny array med alla element som klarar testet som implementerats av den tillhandahållna funktionen

Arraytransformation

  • join: Foga samman alla element i en array till en sträng
  • slice: Returnera en ytlig kopia av en del av en array
  • concat: Slå samman två eller flera arrayer

Nya Funktioner i ES6

ES6 har fört med sig många förbättringar för operationer på arrayer:

Spread-operatorn 

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

Prestandaoptimering

När man arbetar med stora arrayer är prestandaoptimering särskilt viktigt:

  • Försök att använda inbyggda metoder som map och filter, som vanligtvis är implementerade i C++ και är snabbare än JavaScript-loopar.
  • För arrayer som manipuleras ofta, överväg att använda Typed Arrays.
  • Undvik DOM-operationer inuti loopar; samla istället in de DOM-noder som ska opereras på och utför operationen på en gång.

Slutsats

Genom denna guide bör du ha fått en djupare förståelse för JavaScript-operationer på arrayer. För mer information, se MDN Web Docs.