Der map()-Methode in JavaScript erstellt ein neues Array, indem auf jedes Element des ursprünglichen Arrays eine Funktion angewendet wird. Es überspringt leere Elemente und verändert das ursprüngliche Array nicht, was es ideal für die Datentransformation macht.

Ein bemerkenswertes Merkmal der Methode map() ist die Behandlung leerer Elemente. Es überspringt automatisch die Ausführung der Rückruffunktion für diese Elemente und konzentriert sich ausschließlich auf die Verarbeitung nicht leerer Werte. Dieses Verhalten gewährleistet eine effiziente und optimierte Verarbeitung und verbessert die Gesamtleistung von Array-Transformationen.

Syntax:

map((element, index, array) =>{ /* … */ }) 

Parameter:

• Element: Es ist ein erforderlicher Parameter und enthält den Wert des aktuellen Elements.
• Index: Es ist ein optionaler Parameter und enthält den Index des aktuellen Elements.
• arr: Es ist ein optionaler Parameter und enthält das Array.

Rückgabewert:

Es gibt ein neues Array zurück und Elemente von Arrays sind das Ergebnis der Rückruffunktion.

Beispiel: Hier verwenden wir die map()> Methode zum Erstellen eines neuen Arrays, das die Quadratwurzeln jeder Zahl im ursprünglichen Array enthält.

const numbers = [1, 4, 9, 16, 25]; const squareRoots = numbers.map(num =>Math.sqrt(num)); console.log(squareRoots); // Ausgabe: [1, 2, 3, 4, 5] 

[ 1, 2, 3, 4, 5 ] 

Beispiel : Dieses Beispiel verwendet die Methode array map() und gibt das Quadrat des Array-Elements zurück.

// Input array let arr = [2, 5, 6, 3, 8, 9]; // Using map to transform elements let newArr = arr.map(function (val, index) {  return { key: index, value: val * val }; }) // Display output console.log(newArr) 

[ { key: 0, value: 4 }, { key: 1, value: 25 }, { key: 2, value: 36 }, { key: 3, value: 9 }, { key: 4, value: 64 }, { key: 5, value: 81 } ] 

Beispiel: In diesem Beispiel wird die Methode array map() verwendet, um das Zeichen „A“ mit jedem Zeichen des Namens zu verketten.

//Input string let name = 'Geeks'; // New array of character and names // concatenated with 'A' let newName = Array.prototype.map.call(name, function (item) {  return item + 'A'; }) // Display output console.log(newName) 

[ 'GA', 'eA', 'eA', 'kA', 'sA' ] 

Verwenden einer Callback-Funktion mit einem Argument

Verwenden von parseInt() mit der Methode map(). Der parseInt()> Die Funktion wandelt Zeichenfolgen in Ganzzahlen um. Bei Verwendung mit map()> , konvertiert es jedes Element eines String-Arrays in Ganzzahlen.

Beispiel: Hier verwenden wir Parseint mit map().

const strings = ['10', '20', '30']; const integers = strings.map(str =>parseInt(str)); console.log(Ganzzahlen); // Ausgabe: [10, 20, 30] 

[ 10, 20, 30 ] 

Wir haben eine vollständige Liste der Javascript-Array-Methoden. Um diese zu überprüfen, gehen Sie bitte hier durch Vollständige Javascript-Array-Referenz Artikel.

Wir haben einen Spickzettel zu Javascript, in dem wir alle wichtigen Themen zu Javascript behandelt haben. Schauen Sie sich diese bitte durch Javascript-Spickzettel – Eine grundlegende Anleitung zu JavaScript .

JavaScript ist vor allem für die Webseitenentwicklung bekannt, wird aber auch in einer Vielzahl von Nicht-Browser-Umgebungen verwendet. Sie können JavaScript von Grund auf erlernen, indem Sie die folgenden Schritte befolgen JavaScript-Tutorial Und JavaScript-Beispiele .