Transformation von Arrays mit der Map()-Methode
Dieser Abschnitt behandelt grundlegende Array-Methoden, die im täglichen Programmieralltag verwendet werden: map(), filter(), find(), reduce() und sort(). Beginnen wir mit map().
Eine umfassende Liste aller Array-Methoden finden Sie in der offiziellen MDN-Dokumentation.
map()
Die Methode map() durchläuft jedes Element eines Arrays und erstellt ein neues Array basierend auf dem Rückgabewert der Callback-Funktion.
array.map((element, index, array) => {
// Callback body
});
element: aktuelles Element;index: Position im Array;array: das ursprüngliche Array.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Wichtige Punkte zur map():
- Verarbeitet jedes Element;
- Verändert das ursprüngliche Array nicht;
- Gibt ein neues Array zurück;
- Das resultierende Array hat die gleiche Länge.
Transformation von Array-Elementen
Die Methode map() eignet sich besonders, wenn jedes Element eines Arrays transformiert werden soll, ohne das ursprüngliche Array zu verändern. Betrachten Sie das folgende Beispiel:
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. Was macht die Methode map()?
2. Was ist ein zentrales Merkmal der Methode map()?
3. Was bewirkt im folgenden Beispiel strings.map((element) => (element += "!"))?
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you explain how the map() method works with a different example?
What happens if the callback function in map() does not return a value?
Can you show how to use map() with objects instead of numbers?
Großartig!
Completion Rate verbessert auf 2.27Transformation von Arrays mit der Map()-Methode
Swipe um das Menü anzuzeigen
Dieser Abschnitt behandelt grundlegende Array-Methoden, die im täglichen Programmieralltag verwendet werden: map(), filter(), find(), reduce() und sort(). Beginnen wir mit map().
Eine umfassende Liste aller Array-Methoden finden Sie in der offiziellen MDN-Dokumentation.
map()
Die Methode map() durchläuft jedes Element eines Arrays und erstellt ein neues Array basierend auf dem Rückgabewert der Callback-Funktion.
array.map((element, index, array) => {
// Callback body
});
element: aktuelles Element;index: Position im Array;array: das ursprüngliche Array.
12345const products = ["Ball", "Shoes", "Mouse"]; const modifiedProducts = products.map((element, index, array) => { console.log(`Element: ${element}, Index: ${index}, Array: ${array}`); });
Wichtige Punkte zur map():
- Verarbeitet jedes Element;
- Verändert das ursprüngliche Array nicht;
- Gibt ein neues Array zurück;
- Das resultierende Array hat die gleiche Länge.
Transformation von Array-Elementen
Die Methode map() eignet sich besonders, wenn jedes Element eines Arrays transformiert werden soll, ohne das ursprüngliche Array zu verändern. Betrachten Sie das folgende Beispiel:
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. Was macht die Methode map()?
2. Was ist ein zentrales Merkmal der Methode map()?
3. Was bewirkt im folgenden Beispiel strings.map((element) => (element += "!"))?
Danke für Ihr Feedback!
