Arrays Transformeren met de map()-Methode
Deze sectie behandelt essentiële array-methoden die vaak worden gebruikt bij het coderen: map(), filter(), find(), reduce() en sort(). We beginnen met map().
Voor een volledig overzicht van alle array-methoden, raadpleeg de officiële MDN-documentatie.
map()
De map()-methode doorloopt elk element van een array en maakt een nieuwe array op basis van de returnwaarde van de callbackfunctie.
array.map((element, index, array) => {
// Callback body
});
element: huidig item;index: positie in de array;array: de originele array.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Belangrijke punten om te onthouden over de map():
- Verwerkt elk element;
- Wijzigt de originele array niet;
- Geeft een nieuwe array terug;
- De resulterende array heeft dezelfde lengte.
Array-elementen transformeren
De map()-methode is bijzonder geschikt wanneer elk element van een array getransformeerd moet worden zonder de originele array te wijzigen. Bekijk het volgende voorbeeld:
12345678910const numbers = [3, 5, 11, 32, 87]; /* Use the `map` method to create a new array (`doubledNumbers`) by doubling each element of the `numbers` array. */ const doubledNumbers = numbers.map((element) => { return element * 2; }); console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87 console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
1. Wat doet de map()-methode?
2. Wat is een belangrijk kenmerk van de map()-methode?
3. Wat doet strings.map((element) => (element += "!")) in het onderstaande voorbeeld?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Geweldig!
Completion tarief verbeterd naar 2.27Arrays Transformeren met de map()-Methode
Veeg om het menu te tonen
Deze sectie behandelt essentiële array-methoden die vaak worden gebruikt bij het coderen: map(), filter(), find(), reduce() en sort(). We beginnen met map().
Voor een volledig overzicht van alle array-methoden, raadpleeg de officiële MDN-documentatie.
map()
De map()-methode doorloopt elk element van een array en maakt een nieuwe array op basis van de returnwaarde van de callbackfunctie.
array.map((element, index, array) => {
// Callback body
});
element: huidig item;index: positie in de array;array: de originele array.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Belangrijke punten om te onthouden over de map():
- Verwerkt elk element;
- Wijzigt de originele array niet;
- Geeft een nieuwe array terug;
- De resulterende array heeft dezelfde lengte.
Array-elementen transformeren
De map()-methode is bijzonder geschikt wanneer elk element van een array getransformeerd moet worden zonder de originele array te wijzigen. Bekijk het volgende voorbeeld:
12345678910const numbers = [3, 5, 11, 32, 87]; /* Use the `map` method to create a new array (`doubledNumbers`) by doubling each element of the `numbers` array. */ const doubledNumbers = numbers.map((element) => { return element * 2; }); console.log("Initial array:", numbers); // Output: 3, 5, 11, 32, 87 console.log("Modified array:", doubledNumbers); // Output: 6, 10, 22, 64, 174
1. Wat doet de map()-methode?
2. Wat is een belangrijk kenmerk van de map()-methode?
3. Wat doet strings.map((element) => (element += "!")) in het onderstaande voorbeeld?
Bedankt voor je feedback!
