📚
Lerndokumentationen
Web
Web
  • Willkommen
  • HTML
    • Was ist HTML?
    • Elemente
    • Attribute
    • Boilerplate
  • Textelemente
  • Links
  • Dokumentenstruktur
  • Medien
  • Tabellen
  • Formulare
  • CSS
    • Was ist CSS?
    • Syntax
  • Einheiten
  • Selektoren
  • Boxmodell
  • Hintergründe und Rahmen
  • Overflow
  • Bilder
  • Formulare
  • Textelemente
  • Layout
    • Flexbox
    • Grid
  • Responsive Design
  • JavaScript
    • Was ist JavaScript?
    • Einbindung in HTML
    • Grundlagen
      • Variablen und Werte
      • Datentypen
      • Operatoren und Ausdrücke
      • Kontrollstrukturen
      • Schleifen
    • Funktionen
      • Funktionsdeklarationen vs. Funktionsausdrücke
      • Arrow Functions
      • Standardparameter und Rest-Parameter
      • First-Class und Higher-Order-Funktionen
      • Closures
      • IIFE (Immediately Invoked Function Expressions)
    • Arrays
      • Erstellen und Modifizieren
      • Iteration über Arrays
      • Sortieren
      • Nützliche Methoden
    • Objekte und Datenstrukturen
      • Erstellen und Manipulieren
      • Destructuring
      • Sets und Maps
    • Strings
      • Template Literals
      • Methoden
    • Moderne JavaScript-Features
      • Optionale Verkettung
      • Nullish Coalescing Operator
      • Spread und Rest Operator
      • Kurzschlussausdrücke
    • Scope und Kontext
      • this Keyword
      • Call, Apply und Bind
      • Hoisting und Temporal Dead Zone (TDZ)
    • Objektorientierte Programmierung
      • Prototypes
      • Constructor Functions
      • ES6 Classes
      • Die create()-Methode
    • Asynchronous JavaScript
      • AJAX
      • Promises
    • Zahlen, Daten, Internationalisierung und Timer
      • Mathematische Operationen
      • Datum und Zeit
      • Internationalisierung
      • Timer
    • Modules
    • JavaScript im Browser (DOM und Events)
      • Das DOM
      • Elemente auswählen, erstellen und manipulieren
      • Styles, Attribute und Klassen
      • Events und Event Listener
      • Event Propagation
        • Event Delegation
      • DOM Traversing
    • JavaScript Engine und Performance
      • Execution Context und Call Stack
  • TypeScript
    • Was ist TypeScript?
  • Compiler und Runtimes
  • Konfiguration
  • Types
    • Primitive Typen und Typableitung
    • Arrays und Tupel
    • Objekte
    • Top- und Bottom-Types
    • Enums
    • Utility Types
      • Records
  • Typenkombination
    • Union Types
    • Discriminated Unions
    • Intersections
  • Funktionen
  • Klassen
    • Grundlagen
    • Feldinitialisierer
    • Schreibgeschützte Felder
    • Implementieren
    • Private und Geschützte Member
    • Getter und Setter
    • Statische Member
    • Abstrakte Klassen und Member
  • Modules
    • Importieren und Exportieren
    • Ambient Types
    • Namespaces
    • Globals
  • React
    • Was ist React?
    • JSX
    • Komponenten
      • Root-Komponente
      • Styling
      • Listen
      • Conditional Rendering
      • Fragments
    • Props
      • Destructuring
      • Children
    • Interaktivität
      • Event Handling
      • State
      • Formulare
    • State Management
      • State anheben
      • Derived State
    • Komposition und Reusability
      • Komponentenstrukturierung
      • Prop Drilling
      • Komposition
Bereitgestellt von GitBook
Auf dieser Seite
  • Arrays erstellen
  • Datenzugriff
  • Länge
  • Arrays modifizieren
  • Daten direkt modifizieren
  • push()
  • unshift()
  • pop()
  • shift()
  1. JavaScript
  2. Arrays

Erstellen und Modifizieren

VorherigeArraysNächsteIteration über Arrays

Zuletzt aktualisiert vor 3 Monaten

Arrays erstellen

Es gibt verschiedene Optionen, um Arrays in JavaScript zu erstellen.

let items = [];
let names = ['Levin', 'Jonas', 'Thierry'];
let  = new Array(5);
let  = Array.of(1, 2, 3);
let  = Array(5).fill(1);

Ein Arrays kann jede Art von Daten enthalten, sogar oder andere . Dabei können in einem Array verschiedene Datentypen erhalten sein.

Datenzugriff

Wir können auf einen Wert im Array über den Index des Elementes zugreifen. Der Index ist nullbasiert.

const friends = ['Michael', 'Peter', 'John', 'Trina', 'Fred'];

;
;
;

Länge

Wir können die Länge des Arrays herausfinden, indem wir auf das Property length zugreifen.

const friends = ['Michael', 'Peter', 'John', 'Trina', 'Fred'];

;

Arrays modifizieren

Daten direkt modifizieren

Wir können über den Index den Wert eines Elementes direkt verändern.

const friends = ['Michael', 'Peter', 'John', 'Trina', 'Fred'];

friends[1] = "Paul";

Hier können wir die Konstante "modifizieren", da wir nicht den eigentlichen Wert, den Array verändern, sondern nur den Wert darin.

Anders gesagt, da ein Array ein Referenztyp ist, können wir die Werte darin verändern, aber nicht das Array selber.

push()

Die push()-Methode fügt Elemente an das Ende eines Arrays an. Der Rückgabewert ist die Länge des Arrays. Du kannst mehr als ein Element auf einmal hinzufügen.

const friends = ['Michael', 'Steven', 'Peter'];
;

unshift()

Die Methode unshift() fügt Elemente am Anfang eines Arrays hinzu. Sie gibt auch die Länge des Arrays zurück. Du kannst mehr als ein Element auf einmal hinzufügen.

;

pop()

Die Methode pop() entfernt das letzte Element aus einem Array. Der Rückgabewert ist das entfernte Element. Wenn das Array leer ist, wird undefined zurückgegeben und das Array wird nicht verändert.

;

shift()

Die Methode shift() entfernt das erste Element eines Arrays. Sie gibt auch das entfernte Element zurück. Wenn das Array leer ist, wird undefined zurückgegeben und das Array wird nicht verändert.

friends.shift()

Objekte
Arrays