AllBytes Logo
JavaScript Array
Technologie

JavaScript Array

11. April 2023
4 Min. Lesezeit

Was ist ein Array in JavaScript?

Ein JavaScript Array ist ein spezieller Datentyp, der mehrere Werte unter einem einzigen Namen speichert. Arrays können Zahlen, Strings oder verschachtelte Arrays enthalten.

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

Arrays können auch gemischte Datentypen enthalten:

let meinMixedArray = [1, "zwei", true, [4, 5]];

Was sind die Vorteile eines JavaScript Arrays?

  • Speicherung mehrerer Werte unter einem Namen
  • Einfache Erstellung
  • Zahlreiche Anpassungsmöglichkeiten (Verändern, Sortieren, Durchsuchen)
  • Methoden wie sort(), push() und pop()
  • Flexibilität mit numerischen und String-Indizes
  • Vielseitige Anwendbarkeit in WordPress, Shopware und Web-Apps

Welchen Nutzen haben JavaScript Arrays für Datenbanken?

JavaScript Arrays eignen sich sehr gut für die Verarbeitung von Daten, welche aus Datenbanken geladen werden. SQL-Abfrageergebnisse können gespeichert, sortiert, gefiltert und durchlaufen werden. Mehrdimensionale Arrays ermöglichen die Organisation von Daten über mehrere Ebenen.

Wie programmiert man ein Array in JavaScript?

Methode 1 – Literal-Syntax

let meinArray = ["eins", "zwei", "drei"];

Methode 2 – Konstruktor

let meinArray = new Array();
let meinArray = new Array(1, 2, 3);

Was ist ein Array-Element?

Ein Array-Element ist ein einzelner Wert, der in einem Array gespeichert ist. Jedes Element hat einen Index (0 für das erste Element, 1 für das zweite, usw.).

let erstesElement = meinArray[0];
let anzahlElemente = meinArray.length;

Array-Methoden

Wichtige Methoden sind:

  • map() – Elemente transformieren
  • filter() – Elemente filtern
  • reduce() – Werte reduzieren
  • slice() – Array-Teile extrahieren
  • forEach() – Über Elemente iterieren
  • push() – Elemente hinzufügen

Beispiel mit map():

let doppeltArray = meinArray.map(element => element * 2);

Wie funktionieren JavaScript Arrays?

Arrays können eindimensional oder mehrdimensional sein. Die Funktionsweise basiert auf drei Schritten:

Deklaration

datentyp[] arrayName;

Instanziierung

datentyp[] arrayName = new datentyp[3];

Initialisierung

arrayName[indexnummer] = wert;

// Oder in einer Syntax:
datentyp[] arrayName = {wert1, wert2, …};

Ihr nächster Schritt

Bereit, das in Ihrem Unternehmen umzusetzen?

AllBytes begleitet mittelständische Unternehmen seit über 20 Jahren bei der Digitalisierung. Sprechen Sie direkt mit unseren Architekten — kostenlos und unverbindlich.

Erstgespräch anfragen