Summary  
The `map()` method processes each element of an array through a callback function and returns a new array of transformed values without modifying the original array.

General domain of usage  
Data transformation

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 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array" target="_blank"><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> MDN-Dokumentation</a>.

## map()
Die Methode `map()` durchläuft jedes Element eines Arrays und erstellt ein neues Array basierend auf dem Rückgabewert der Callback-Funktion.
```js
array.map((element, index, array) => {
  // Callback body
});
```
- `element`: aktuelles Element;
- `index`: Position im Array;
- `array`: das ursprüngliche Array.

const 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:

const 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

Was ist ein zentrales Merkmal der Methode `map()`?

Was bewirkt im folgenden Beispiel `strings.map((element) => (element += "!"))`?

Lernen Sie, sicher mit Daten in JavaScript zu arbeiten, indem Sie Objekte und Arrays beherrschen. Verstehen Sie, wie Sie Objekteigenschaften und -methoden effektiv erstellen, darauf zugreifen und verwalten. Tauchen Sie ein in fortgeschrittene Objektmanipulationstechniken, einschließlich Iteration, Klonen und Destrukturierung für einen saubereren Code. Bauen Sie eine solide Grundlage im Umgang mit Arrays auf und lernen Sie, Array-Elemente effizient zu verwalten, zu iterieren und zu modifizieren. Beherrschen Sie fortgeschrittene Array-Methoden wie map, filter, find und sort, um Daten in Ihren Anwendungen effektiv zu transformieren und zu verarbeiten.

Erhalten Sie einen klaren Überblick über den Kursverlauf, verstehen Sie die Voraussetzungen und lernen Sie wertvolle Hinweise kennen, die Sie auf den Erfolg beim Einstieg in Objekte, Arrays und grundlegende Programmierkonzepte vorbereiten.

Erkunden Sie die Kernkonzepte von JavaScript-Objekten. Dieser Abschnitt behandelt die Grundlagen der Objekterstellung, der Verwaltung von Eigenschaften und der Implementierung von Methoden.

Vertiefung in fortgeschrittene Techniken zur Arbeit mit JavaScript-Objekten. Dieser Abschnitt behandelt verschiedene Strategien zur effizienten Manipulation und Interaktion mit Objekten.

Beginnen Sie eine Reise in die Welt der JavaScript-Arrays. Dieser Abschnitt bietet eine solide Grundlage für das Erstellen von Arrays, das Verwalten von Elementen und das Ausführen grundlegender Array-Operationen.

Beherrschung fortgeschrittener Fähigkeiten zur Array-Manipulation unter Anwendung verschiedener Techniken und Methoden für die effektive Handhabung von Arrays in unterschiedlichen Szenarien.

Transformation von Arrays mit der Map()-Methode

map()

Wichtige Punkte zur map():

Transformation von Array-Elementen

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 += "!"))`?