📚
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
  • slice()
  • splice()
  • concat()
  • join()
  • at()
  • indexOf()
  • includes()
  • find()
  • findIndex()
  • some()
  • every()
  • flat()
  • flatMap()
  1. JavaScript
  2. Arrays

Nützliche Methoden

VorherigeSortierenNächsteObjekte und Datenstrukturen

Zuletzt aktualisiert vor 3 Monaten

slice()

Die slice()-Methode gibt eine eines Teils eines Arrays in ein neues Array-Objekt zurück, das von Anfang bis Ende (ohne Ende) ausgewählt wird, wobei Anfang und Ende den Index der Elemente in diesem Array darstellen. Das ursprüngliche Array wird nicht verändert.

const arr = ['a', 'b', 'c', 'd', 'e'];






splice()

Die Methode splice() ändert den Inhalt eines Arrays, indem sie bestehende Elemente entfernt oder ersetzt und/oder neue Elemente an ihrer Stelle hinzufügt.

const months = ['Jan', 'March', 'April', 'June'];

concat()

Die Methode concat() wird verwendet, um zwei oder mehr Arrays zusammenzuführen. Diese Methode verändert die bestehenden Arrays nicht, sondern gibt ein neues Array zurück.

const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];

join()

Die Methode join() erstellt eine neue Zeichenkette und gibt sie zurück, indem sie alle Elemente in diesem Array durch Kommas oder eine angegebene Trennzeichenkette trennt. Wenn das Array nur ein Element enthält, wird dieses Element ohne Trennzeichen zurückgegeben.

const elements = ['Fire', 'Air', 'Water'];


at()

Die at()-Methode nimmt einen ganzzahligen Wert an und gibt das Element an diesem Index zurück, wobei positive und negative Ganzzahlen möglich sind. Negative Ganzzahlen werden ab dem letzten Element im Array zurückgezählt.

const arr = [5, 12, 8, 130, 44];

indexOf()

Die Methode indexOf() gibt den ersten Index zurück, an dem ein bestimmtes Element im Array gefunden werden kann, oder -1, wenn es nicht vorhanden ist.

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

includes()

Die Methode includes() bestimmt, ob ein Array einen bestimmten Wert in seinen Einträgen enthält, und gibt je nachdem true oder false zurück.

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

find()

Die find()-Methode gibt das erste Element im angegebenen Array zurück, das die angegebene Prüffunktion erfüllt. Wenn kein Wert die Prüffunktion erfüllt, wird undefined zurückgegeben.

currentAccount = accounts.find(
    (account) => account.username === inputLoginUsername.value
);

findIndex()

Die Methode findIndex() gibt den Index des ersten Elements in einem Array zurück, das die angegebene Prüffunktion erfüllt. Wenn kein Element die Prüffunktion erfüllt, wird -1 zurückgegeben.

const index = movements.findIndex((movement) => movement < 0);

some()

Die Methode some() prüft, ob mindestens ein Element im Array den von der angegebenen Funktion implementierten Test besteht. Sie gibt true zurück, wenn sie in dem Array ein Element findet, für das die angegebene Funktion true liefert; andernfalls gibt sie false zurück. Das Array wird dabei nicht verändert.

const arr = [1, 2, 3, 4, 5];

every()

Die Methode every() prüft, ob alle Elemente im Array den von der angegebenen Funktion implementierten Test bestehen. Sie gibt einen booleschen Wert zurück.

const arr= [1, 2, 3, 4, 5];

flat()

Die flat()-Methode erstellt ein neues Array, in dem alle Unterarrayelemente rekursiv bis zur angegebenen Tiefe verkettet werden.

const arr1 = [0, 1, 2, [3, 4]];


const arr2 = [0, 1, [2, [3, [4, 5]]]];


flatMap()

Die Methode flatMap() gibt ein neues Array zurück, das durch die Anwendung einer bestimmten Callback-Funktion auf jedes Element des Arrays gebildet wird, und reduziert das Ergebnis um eine Ebene. Sie ist identisch mit einer map() gefolgt von einer flat() der Tiefe 1 (arr.map(...args).flat()), aber etwas effizienter als der separate Aufruf dieser beiden Methoden.

const arr = [1, 2, 1];

Shallow Copy