JavaScript Array-Methoden – Teil 1

Ein Array ist ein spezielles Objekt in JavaScript. Es speichert mehrere Werte in einer einzigen Variable.

Anstatt für jeden Schüler separate Variablen zu erstellen: let student1 = "John"; let student2 = "David";

Verwenden Sie ein Array: let students = ["John", "David", "Alex"];

Jeder Wert ist ein Element. Jedes Element hat einen Index, der bei 0 beginnt.

• Die length-Eigenschaft Die length-Eigenschaft gibt die Gesamtzahl der Elemente an. Es ist eine Eigenschaft, keine Funktion. Verwenden Sie keine Klammern. Richtig: arr.length Falsch: arr.length()

Sie können die Länge ändern, um Ihr Array zu vergrößern oder zu verkleinern.

  • Eine Verringerung der Länge entfernt Elemente vom Ende.
  • Eine Erhöhung der Länge erzeugt leere Slots.

• toString() und join() Verwenden Sie toString(), um ein Array in einen durch Kommas getrennten String umzuwandeln. Verwenden Sie join(), wenn Sie ein benutzerdefiniertes Trennzeichen wie einen Bindestrich oder ein Pipe-Symbol wünschen.

• Die at()-Methode Diese Methode gibt ein Element an einem bestimmten Index zurück. Im Gegensatz zur Klammernotation unterstützt sie negative Indizes. arr.at(-1) gibt Ihnen das letzte Element zurück.

• Die pop()-Methode Diese Methode entfernt das letzte Element aus einem Array. Sie verändert das ursprüngliche Array und gibt das entfernte Element zurück.

• Array.isArray() Verwenden Sie dies, um zu prüfen, ob ein Wert ein Array ist. Der typeof-Operator gibt für Arrays "object" zurück, was nicht hilfreich ist. Validieren Sie Ihre Daten immer mit Array.isArray(), bevor Sie eine Schleife durchlaufen.

• delete vs. concat() Der delete-Operator entfernt ein Element, hinterlässt jedoch eine leere Lücke. Er ändert die Länge nicht. Die concat()-Methode führt Arrays zusammen. Sie verändert die ursprünglichen Arrays nicht, sondern gibt ein neues zurück.

• copyWithin() Dies kopiert einen Teil eines Arrays an eine neue Position innerhalb desselben Arrays. Dabei werden vorhandene Elemente überschrieben.

Zusammenfassung der Methoden:

  • length: Gibt die Größe zurück.
  • toString(): Konvertiert in einen durch Kommas getrennten String.
  • join(separator): Konvertiert in einen String mit benutzerdefiniertem Trennzeichen.
  • at(index): Ruft ein Element ab (unterstützt negative Indizes).
  • pop(): Entfernt das letzte Element.
  • isArray(): Prüft, ob ein Wert ein Array ist.
  • concat(): Führt Arrays zu einem neuen Array zusammen.
  • copyWithin(): Kopiert Elemente innerhalb desselben Arrays.

Quelle: https://www.w3schools.com/js/js_array_methods.asp Vollständiger Leitfaden: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7