Array-Methoden in JavaScript

Einführung

Arrays in JavaScript sind vielseitige Datenstrukturen, und die Sprache bietet eine breite Palette von Methoden zu ihrer Manipulation. Diese Methoden machen den Umgang mit Arrays einfacher und intuitiver. Lass uns einige der gängigsten und nützlichsten Methoden erkunden.

• Grundlegende Array-Methoden
  • forEach()
  • map()
  • filter()
  • reduce()
  • find() und findIndex()
• Methoden zum Hinzufügen und Entfernen von Elementen
  • push() und pop()
  • unshift() und shift()
• Methoden zum Kombinieren und Aufteilen von Arrays
  • concat()
  • slice()
  • splice()

Grundlegende Array-Methoden

Arrays in JavaScript verfügen über verschiedene Methoden für Routineoperationen.

forEach()

Die Methode forEach() führt eine Funktion für jedes Element des Arrays aus.

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

obst.forEach((frucht, index) => {
  console.log(`${index + 1}: ${frucht}`);
});

map()

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);
console.log(quadrate); // [1, 4, 9, 16, 25]

filter()

filter() erstellt ein neues Array mit allen Elementen, die eine in der Testfunktion angegebene Bedingung erfüllen.

let geradeZahlen = zahlen.filter((num) => num % 2 === 0);
console.log(geradeZahlen); // [2, 4]

reduce()

Die Methode reduce() reduziert ein Array auf einen einzigen Wert, indem sie eine Reduktionsfunktion auf jedes Element anwendet.

let summe = zahlen.reduce(
  (akkumulator, aktuellerWert) => akkumulator + aktuellerWert,
  0
);
console.log(summe); // 15

find() und findIndex()

• find() gibt das erste Element zurück, das die Testbedingung erfüllt.
• findIndex() gibt den Index des ersten Elements zurück, das die Bedingung erfüllt.

let ersteGerade = zahlen.find((num) => num % 2 === 0);
let indexErsteGerade = zahlen.findIndex((num) => num % 2 === 0);

Methoden zum Hinzufügen und Entfernen von Elementen

Arrays sind dynamisch, und JavaScript stellt Methoden bereit, um Elemente einfach hinzuzufügen und zu entfernen.

push() und pop()

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

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

unshift() und shift()

• unshift() fügt Elemente am Anfang des Arrays hinzu.
• shift() entfernt das erste Element des Arrays.

obst.unshift('Erdbeere');
let erstesFrucht = obst.shift();

Methoden zum Kombinieren und Aufteilen von Arrays

concat()

Die Methode concat() verbindet zwei oder mehr Arrays.

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

slice()

slice() gibt eine Kopie eines Teils des Arrays zurück.

let einigesFrucht = obst.slice(1, 3);

splice()

splice() verändert den Inhalt eines Arrays durch Hinzufügen oder Entfernen von Elementen.

obst.splice(1, 0, 'kiwi'); // Fügt 'kiwi' an Position 1 ein

Fazit

Array-Methoden in JavaScript sind leistungsstarke Werkzeuge, mit denen sich komplexe Operationen auf einfache und intuitive Weise durchführen lassen. Diese Methoden zu beherrschen ist für jeden Entwickler unerlässlich, der Daten in JavaScript effizient verarbeiten möchte.

Happy coding!