Leer Array-Methoden `map`, `filter`

Veeg om het menu te tonen

Arrays moeten vaak worden getransformeerd of gefilterd om nieuwe versies te maken op basis van bestaande gegevens. JavaScript biedt hogere-orde arraymethoden zoals map en filter die deze taken beknopt en leesbaar maken.

Deze methoden helpen handmatige lussen te vermijden en laten u focussen op het doel van uw gegevensverwerking, in plaats van op de stapsgewijze uitvoering. Het gebruik van hogere-orde methoden resulteert in code die eenvoudiger te onderhouden, te begrijpen en te hergebruiken is.


              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]

Wanneer u map gebruikt, maakt JavaScript een nieuwe array door uw functie één keer aan te roepen voor elk element in de oorspronkelijke array. De waarde die door uw functie wordt geretourneerd, wordt de nieuwe waarde in de resulterende array, terwijl de oorspronkelijke array ongewijzigd blijft.


              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]

Met filter moet de functie true retourneren om een element te behouden of false om het uit te sluiten. Alleen de elementen die voldoen aan de testfunctie worden opgenomen in de nieuwe array, terwijl de oorspronkelijke array ongewijzigd blijft.

Zowel map als filter doorlopen intern de array, waardoor het niet nodig is om handmatig een lus te schrijven—zij verzorgen het itereren en opbouwen van de nieuwe array.

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 13

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 1. Hoofdstuk 13