Arrays

Geschätzte Lektüre: 7 Minuten 384 Ansichten

Arrays sind eines der grundlegendsten und wichtigsten Konzepte in JavaScript. Sie ermöglichen es, mehrere Werte in einer einzigen Variablen zu speichern und effizient zu verarbeiten.

Was ist ein Array?

Ein Array ist eine geordnete Sammlung von Werten, die unter einem einzigen Variablennamen gespeichert werden. Jeder Wert im Array wird als Element bezeichnet, und jedes Element hat eine Index-Position, beginnend bei 0 . Arrays in JavaScript sind dynamisch, d. h., sie können zur Laufzeit vergrößert oder verkleinert werden, und sie können verschiedene Datentypen enthalten.

Beispiel: Ein einfaches Array:

let fruits = ["Apple", "Banana", "Orange"];

Hier ist fruits ein Array mit drei Elementen. Der Index von „Apple“ ist 0, „Banana“ ist 1 und „Orange“ ist 2 .

Erstellung von Arrays

Arrays können auf verschiedene Weisen erstellt werden:

Literal-Schreibweise (empfohlen)
Die einfachste und gebräuchlichste Methode:

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

Konstruktor-Schreibweise
Mit dem Array Konstruktor (seltener verwendet):

let colors = new Array("Red", "Green", "Blue");

Leeres Array mit späterer Befüllung

let emptyArray = [];
emptyArray[0] = "First";
emptyArray[1] = "Second";

Zugriff auf Array-Elemente

Elemente werden über ihren Index angesprochen:

let fruits = ["Apple", "Banana", "Orange"];
console.log(fruits[0]); // "Apple"
console.log(fruits[2]); // "Orange"

Ändern eines Elements

fruits[1] = "Mango"; // Ändert "Banana" zu "Mango"
console.log(fruits); // ["Apple", "Mango", "Orange"]

Ungültiger Index
Falls auf einen nicht existierenden Index zugegriffen wird, gibt JavaScript undefined zurück:

console.log(fruits[5]); // undefined

Array-Methoden und Eigenschaften

JavaScript bietet zahlreiche eingebaute Methoden zur Manipulation von Arrays.

length – Die Länge eines Arrays

console.log(fruits.length); // 3

push() – Element am Ende hinzufügen

fruits.push("Grapes");
console.log(fruits); // ["Apple", "Mango", "Orange", "Grapes"]

pop() – Letztes Element entfernen

fruits.pop();
console.log(fruits); // ["Apple", "Mango", "Orange"]

shift() – Erstes Element entfernen

fruits.shift();
console.log(fruits); // ["Mango", "Orange"]

unshift() – Element am Anfang hinzufügen

fruits.unshift("Pineapple");
console.log(fruits); // ["Pineapple", "Mango", "Orange"]

splice() – Elemente an beliebiger Stelle einfügen/entfernen

fruits.splice(1, 1, "Kiwi", "Peach");
// Entfernt 1 Element ab Index 1 und fügt "Kiwi" und "Peach" ein
console.log(fruits); // ["Pineapple", "Kiwi", "Peach", "Orange"]

slice() – Teilarray extrahieren

let subArray = fruits.slice(1, 3);
// Extrahiert von Index 1 bis 2 (3 exklusiv)
console.log(subArray); // ["Kiwi", "Peach"]

concat() – Arrays verbinden

let moreFruits = ["Strawberry", "Blueberry"];
let allFruits = fruits.concat(moreFruits);
console.log(allFruits);
// ["Pineapple", "Kiwi", "Peach", "Orange", "Strawberry", "Blueberry"]

indexOf() & includes() – Element suchen

console.log(fruits.indexOf("Kiwi")); // 1
console.log(fruits.includes("Peach")); // true

forEach() – Schleife über jedes Element

fruits.forEach(function(fruit) {
    console.log(fruit);
});
// Ausgabe:
// Pineapple
// Kiwi
// Peach
// Orange

Fortgeschrittene Array-Operationen

map() – Transformation eines Arrays

Erstellt ein neues Array durch Anwenden einer Funktion auf jedes Element:

let numbers = [1, 2, 3];
let squared = numbers.map(num => num * num);
console.log(squared); // [1, 4, 9]

filter() – Filtern von Elementen
Gibt ein neues Array mit Elementen zurück, die eine Bedingung erfüllen:

let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2]

reduce() – Reduktion auf einen Wert
Fasst ein Array zu einem einzigen Wert zusammen:

let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 6

find() & findIndex() – Suche nach einem Element

let firstEven = numbers.find(num => num % 2 === 0); // 2
let firstEvenIndex = numbers.findIndex(num => num % 2 === 0); // 1

sort() – Sortieren von Arrays
Standardmäßig als Strings sortiert (für Zahlen benötigt man eine Vergleichsfunktion):

let unsorted = [3, 1, 4, 2];
unsorted.sort((a, b) => a - b); // Aufsteigend
console.log(unsorted); // [1, 2, 3, 4]

Mehrdimensionale Arrays

Arrays können auch andere Arrays enthalten:

let matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];
console.log(matrix[1][2]); // 6

Besonderheiten in JavaScript

• Arrays sind Objekte: typeof [] ergibt „object“ .
• Flexible Datentypen: Ein Array kann Zahlen, Strings, Objekte und sogar weitere Arrays enthalten.
• Dynamische Größe: Arrays wachsen und schrumpfen automatisch.

Mächtiges Werkzeug

Arrays sind ein äußerst mächtiges Werkzeug in JavaScript, das eine effiziente Verwaltung von Datenkollektionen ermöglicht. Durch die Vielzahl an integrierten Methoden lassen sich Arrays flexibel manipulieren, durchsuchen und transformieren. Mit diesem Wissen können Sie Arrays in Ihren Projekten optimal nutzen und komplexe Datenstrukturen effektiv verarbeiten.

Dieses Dokument teilen

Arrays

Oder Link kopieren

INHALT

Abonnieren

×
Cancel