Lære Array-metoderne `map`, `filter`

Stryg for at vise menuen

Arrays skal ofte transformeres eller filtreres for at skabe nye versioner baseret på eksisterende data. JavaScript tilbyder højere-ordens array-metoder som map og filter, der gør disse opgaver korte og læsevenlige.

Disse metoder hjælper med at undgå manuelle løkker og lader dig fokusere på, hvad du vil opnå med dine data, i stedet for hvordan du gør det trin for trin. Brug af højere-ordens metoder fører til kode, der er lettere at vedligeholde, forstå og genbruge.


              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 bruger map, opretter JavaScript et nyt array ved at kalde din funktion én gang for hvert element i det oprindelige array. Værdien, der returneres af din funktion, bliver den nye værdi i det resulterende array, og det oprindelige array ændres ikke.


              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 skal din funktion returnere true for at beholde et element eller false for at udelukke det. Kun de elementer, der består din testfunktion, inkluderes i det nye array, mens det oprindelige array forbliver uændret.

Både map og filter gennemløber arrayet internt, så du behøver ikke skrive en manuel løkke—de håndterer iterationen og opbygningen af det nye array for dig.

Var alt klart?

Tak for dine kommentarer!

Sektion 1. Kapitel 14

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 1. Kapitel 14