Lära Arraymetoderna `map`, `filter`

Svep för att visa menyn

Arrayer behöver ofta transformeras eller filtreras för att skapa nya versioner baserade på befintlig data. JavaScript tillhandahåller högre ordningens arraymetoder som map och filter som gör dessa uppgifter koncisa och lättlästa.

Dessa metoder hjälper dig att undvika manuella loopar och låter dig fokusera på vad du vill uppnå med din data, snarare än hur du gör det steg för steg. Användning av högre ordningens metoder leder till kod som är enklare att underhålla, förstå och återanvända.


              123456
            
// Using map to create a new array with doubled values
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(num) {
  return num * 2;
});
console.log(doubled); // [2, 4, 6, 8]

När du använder map skapar JavaScript en ny array genom att anropa din funktion en gång för varje element i den ursprungliga arrayen. Värdet som returneras av din funktion blir det nya värdet i den resulterande arrayen, och den ursprungliga arrayen ändras inte.


              123456
            
// Using filter to create a new array with only even numbers
const numbers = [1, 2, 3, 4, 5, 6];
const evens = numbers.filter(function(num) {
  return num % 2 === 0;
});
console.log(evens); // [2, 4, 6]

Med filter ska din funktion returnera true för att behålla ett element eller false för att utesluta det. Endast de element som klarar din testfunktion inkluderas i den nya arrayen, medan den ursprungliga arrayen förblir oförändrad.

Både map och filter loopar igenom arrayen internt, så du behöver inte skriva en manuell loop—de hanterar iterationen och bygger den nya arrayen åt dig.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 14

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 14