Heim > Web-Frontend > js-Tutorial > So verwenden Sie die Kartenfunktion in js

So verwenden Sie die Kartenfunktion in js

下次还敢
Freigeben: 2024-05-07 19:15:26
Original
828 Leute haben es durchsucht

Die Funktion „map()“ in JavaScript ist eine Funktion zum Erstellen eines neuen Arrays, das jedes Element im ursprünglichen Array durch eine angegebene Funktion umwandelt. Bei Verwendung müssen zwei Parameter übergeben werden: Rückruffunktion und Originalarray. Die Rückruffunktion akzeptiert das aktuelle Element, einen optionalen Index und das Array selbst und gibt den neuen transformierten Wert zurück. Die Funktion „map()“ kann für verschiedene Konvertierungsvorgänge verwendet werden, z. B. zum Konvertieren einer Zeichenfolge in Groß- oder Kleinbuchstaben, zum Extrahieren von Objekteigenschaften oder zum Filtern von Elementen, die eine Bedingung erfüllen. Es erstellt ein neues Array, ohne das ursprüngliche Array zu ändern, und ermöglicht die einfache Durchführung derselben Operation für jedes Element im Array.

So verwenden Sie die Kartenfunktion in js

Die Funktion „map()“ in JavaScript

Was ist die Funktion „map()“? Die Funktion

map() ist eine JavaScript-Funktion, die zum Erstellen eines neuen Arrays verwendet wird, das jedes Element im ursprünglichen Array durch eine angegebene Funktion umwandelt.

Wie verwende ich die Funktion „map()“? Die Funktion

map() akzeptiert zwei Parameter:

  • Callback-Funktion: Eine Funktion, die jedes Element im ursprünglichen Array in einen neuen Wert umwandelt und diesen zurückgibt.
  • Original-Array: Das Array zur Durchführung der Transformation.

Syntax:

<code class="javascript">const newArray = arr.map((element, index, array) => {
  // 在此对元素进行变换操作
});</code>
Nach dem Login kopieren

Callback-Funktionsparameter:

  • Element: Das aktuelle Element im ursprünglichen Array.
  • index (optional): Der Index des Elements im ursprünglichen Array.
  • array (optional): Das ursprüngliche Array selbst.

Beispiel:

Angenommen, wir haben ein Array von Zahlen: [1, 2, 3, 4, 5] und wir möchten ein neues Array erstellen, in dem jedes Element um 1 erhöht wird.

<code class="javascript">const numbers = [1, 2, 3, 4, 5];
const incrementedNumbers = numbers.map((num) => num + 1); // [2, 3, 4, 5, 6]</code>
Nach dem Login kopieren

Andere Verwendungszwecke:

map()-Funktion kann auch für andere Konvertierungsvorgänge verwendet werden, wie zum Beispiel:

  • Konvertieren Sie Zeichenfolgen in einem Array in Groß- oder Kleinbuchstaben.
  • Extrahieren Sie spezifische Eigenschaften von Objekten in einem Array.
  • Erstellen Sie ein neues Array, das nur Elemente enthält, die bestimmte Bedingungen erfüllen.

Vorteile:

  • Erstellen Sie ein neues Array, ohne das ursprüngliche Array zu ändern.
  • Ermöglicht die einfache Durchführung derselben Operation für jedes Element im Array.
  • Kann für verschiedene Transformationsvorgänge verwendet werden.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Kartenfunktion in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage