Kartenfunktion in JavaScript: Wie erstelle ich ein neues Array?

map-Funktion in JavaScript: Wie erstelle ich ein neues Array?

Einführung: In JavaScript ist Array eine sehr häufig verwendete Datenstruktur. Es bietet viele integrierte Methoden zum Betreiben und Verarbeiten von Arrays. Unter diesen ist die Map-Funktion eine sehr nützliche Methode. Sie kann jedes Element im Array gemäß den angegebenen Regeln verarbeiten und ein neues Array erstellen. In diesem Artikel werden die Kartenfunktion in JavaScript, ihre Verwendung und einige praktische Codebeispiele vorgestellt.

1. Was ist eine Kartenfunktion?

In JavaScript ist die Map-Funktion eine integrierte Methode eines Arrays. Sie wird verwendet, um jedes Element des Arrays zu verarbeiten und das verarbeitete Ergebnis als neues Array zurückzugeben. Laienhaft ausgedrückt: Die Map-Funktion durchläuft ein Array, wendet eine Verarbeitungsfunktion auf jedes Element an und bildet ein neues Array mit dem Rückgabewert der Funktion.

2. Wie verwende ich die Kartenfunktion, um ein neues Array zu erstellen?

Das Erstellen eines neuen Arrays mit der Kartenfunktion ist sehr einfach. Befolgen Sie einfach die folgenden Schritte:

Schritt 1: Bereiten Sie ein Array vor
Zuerst müssen wir ein Array als Zielarray der Kartenfunktion vorbereiten. Dieses Array kann Elemente jeglicher Art enthalten, z. B. Zahlen, Zeichenfolgen, Objekte usw.

const numbers = [1, 2, 3, 4, 5];

Schritt 2: Definieren Sie eine Verarbeitungsfunktion
Als nächstes müssen wir eine Verarbeitungsfunktion definieren, um jedes Element im Array zu verarbeiten. Diese Funktion kann eine vordefinierte Funktion oder eine anonyme Funktion sein.

function double(number) {
  return number * 2;
}

或

const double = function(number) {
  return number * 2;
};

Schritt 3: Verwenden Sie die Kartenfunktion, um das Array zu verarbeiten.
Abschließend verwenden wir die Kartenfunktion, um das Array zu verarbeiten und die verarbeiteten Ergebnisse in einem neuen Array zu speichern.

const doubledNumbers = numbers.map(double);

Auf diese Weise haben wir erfolgreich ein neues Array doubledNumbers erstellt, in dem jedes Element das Ergebnis der Multiplikation der Elemente im ursprünglichen Array mit 2 ist.

3. Tatsächliche Codebeispiele

Im Folgenden demonstrieren wir die Verwendung der Kartenfunktion anhand einiger tatsächlicher Codebeispiele.

1. Konvertieren Sie eine Zeichenfolge in einem Array in Großbuchstaben:

const strings = ['apple', 'banana', 'orange'];
const uppercaseStrings = strings.map(function(string) {
  return string.toUpperCase();
});

console.log(uppercaseStrings);
// 输出：['APPLE', 'BANANA', 'ORANGE']

2. Quadrieren Sie eine Zahl in einem Array:

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(function(number) {
  return number ** 2;
});

console.log(squaredNumbers);
// 输出：[1, 4, 9, 16, 25]

3. Extrahieren Sie eine Objekteigenschaft aus einem Array:

const books = [
  { title: 'JavaScript高级程序设计', author: 'Nicholas C. Zakas' },
  { title: 'JavaScript权威指南', author: 'David Flanagan' },
  { title: 'JavaScript设计模式', author: 'Addy Osmani' }
];
const titles = books.map(function(book) {
  return book.title;
});

console.log(titles);
// 输出：['JavaScript高级程序设计', 'JavaScript权威指南', 'JavaScript设计模式']

Zusammenfassung: In JavaScript die Kartenfunktion ist eine sehr nützliche Methode, die jedes Element in einem Array verarbeiten und gemäß festgelegten Regeln ein neues Array erstellen kann. Die Verwendung der Kartenfunktion zum Erstellen eines neuen Arrays ist sehr einfach. Sie müssen lediglich ein Zielarray vorbereiten, eine Verarbeitungsfunktion definieren und es mit der Kartenfunktion verarbeiten. In praktischen Anwendungen kann die Kartenfunktion das Schreiben von Code erheblich vereinfachen und die Entwicklungseffizienz verbessern. Zusammenfassend lässt sich sagen, dass die Beherrschung der Verwendung der Kartenfunktion eine sehr wichtige Fähigkeit für die JavaScript-Entwicklung ist.

Das obige ist der detaillierte Inhalt vonKartenfunktion in JavaScript: Wie erstelle ich ein neues Array?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!