Arrays in JavaScript

Einführung

Arrays sind grundlegende Datenstrukturen in JavaScript, die zum Speichern von Element-Sammlungen verwendet werden. In diesem Artikel werden wir die Manipulation und Verwendung von Arrays erkunden und uns dabei auf leistungsstarke Methoden wie map, reduce, filter und weitere konzentrieren.

• Was sind Arrays?
  • Erstellen eines Arrays
• Häufige Array-Methoden
  • map()
  • filter()
  • reduce()
  • forEach()
  • find() und findIndex()
• Array-Manipulation
  • Elemente hinzufügen und entfernen
  • Arrays verketten
  • Spread-Operator bei Arrays

Was sind Arrays?

In JavaScript ist ein Array eine geordnete Liste von Elementen. Jedes Element in einem Array hat einen Index, der bei null beginnt.

Erstellen eines Arrays

let obst = ['Apfel', 'Banane', 'Orange'];

Häufige Array-Methoden

Arrays in JavaScript werden mit einer Vielzahl nützlicher Methoden zur Datenmanipulation geliefert.

map()

Die Methode map() erstellt ein neues Array mit den Ergebnissen des Aufrufs einer Funktion für jedes Element des Arrays.

let zahlen = [1, 2, 3, 4, 5];
let quadrate = zahlen.map((num) => num * num);

filter()

filter() erstellt ein neues Array mit allen Elementen, die den von der übergebenen Funktion implementierten Test bestehen.

let zahlenGroesserAlsZwei = zahlen.filter((num) => num > 2);

reduce()

Die Methode reduce() führt eine Reduktionsfunktion auf jedem Element des Arrays aus und liefert einen einzigen Rückgabewert.

let summe = zahlen.reduce((gesamt, aktuellerWert) => gesamt + aktuellerWert, 0);

forEach()

forEach() führt eine übergebene Funktion einmal für jedes Element des Arrays aus.

obst.forEach((frucht) => console.log(frucht));

find() und findIndex()

• find() gibt den Wert des ersten Elements im Array zurück, das die Testfunktion erfüllt.
• findIndex() gibt den Index des ersten Elements zurück, das die Testfunktion erfüllt.

let erstesGrossesFrucht = obst.find((frucht) => frucht.length > 5);
let bananIndex = obst.findIndex((frucht) => frucht === 'Banane');

Array-Manipulation

Neben den oben genannten Methoden gibt es noch weitere Möglichkeiten, Arrays zu manipulieren.

Elemente hinzufügen und entfernen

• push() fügt ein oder mehrere Elemente am Ende des Arrays hinzu.
• pop() entfernt das letzte Element eines Arrays.

obst.push('Mango');
let letztesFrucht = obst.pop();

Arrays verketten

Die Methode concat() verbindet zwei oder mehr Arrays.

let gemuese = ['Karotte', 'Kartoffel'];
let lebensmittel = obst.concat(gemuese);

Spread-Operator bei Arrays

Der Spread-Operator (...) ermöglicht es, die Elemente eines Arrays an Stellen zu entfalten, an denen mehrere Argumente oder Elemente erwartet werden.

let besonderesObst = ['Erdbeere', ...obst, 'Kiwi'];

Fazit

Arrays sind unglaublich vielseitig und ein wesentlicher Bestandteil der JavaScript-Programmierung. Die Beherrschung von Methoden wie map, reduce, filter und anderen ermöglicht es, Daten effektiv zu manipulieren und zu verwalten. Das Verstehen und Anwenden dieser Konzepte und Techniken wird deine JavaScript-Programmierfähigkeiten erheblich verbessern.

Happy coding!