Grundlegende Methoden von Arrays

7.1 Die Methode splice()

Arrays in JavaScript bieten eingebaute Methoden zur Datenmanipulation. In dieser Vorlesung betrachten wir vier grundlegende Methoden von Arrays: splice(), slice(), concat() und indexOf(). Jede dieser Methoden führt bestimmte Operationen an Arrays durch und kann die Datenverarbeitung erheblich vereinfachen.

Die Methode splice() ändert den Inhalt eines Arrays, indem vorhandene Elemente entfernt und/oder neue Elemente an deren Stelle hinzugefügt werden.

Syntax:

    
      
       
   
       
   
       
   
     splice 
   (start, deleteCount, item1, item2, ...);
    
  

Wo:

• start: Der Index, ab dem Änderungen vorgenommen werden sollen
• deleteCount: Die Anzahl der zu löschenden Elemente. Wenn nicht angegeben, werden alle Elemente ab der Position start gelöscht
• item1, item2, ...: Die dem Array hinzuzufügenden Elemente. Wenn nicht angegeben, werden keine Elemente hinzugefügt

Beispiel 1: Entfernen von Elementen

In diesem Beispiel werden zwei Elemente aus dem Array fruits entfernt, beginnend mit dem Index 2. Der zurückgegebene Wert ist ein Array der entfernten Elemente.

    
      let fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
      let removed = fruits.splice(2, 2);

      console.log(fruits);   // Ausgabe: ['apple', 'banana', 'fig']
      console.log(removed);  // Ausgabe: ['cherry', 'date']
    
  

Beispiel 2: Hinzufügen von Elementen

In diesem Beispiel werden dem Array fruits zwei neue Elemente (date und fig) ab dem Index 2 hinzugefügt. Es werden keine Elemente entfernt.

    
      let fruits = ['apple', 'banana', 'cherry'];
      fruits.splice(2, 0, 'date', 'fig');

      console.log(fruits);   // Ausgabe: ['apple', 'banana', 'date', 'fig', 'cherry']
    
  

Beispiel 3: Ersetzen von Elementen

In diesem Beispiel wird das Element mit dem Index 1 (banana) durch zwei neue Elemente (date und fig) ersetzt.

    
      let fruits = ['apple', 'banana', 'cherry'];
      fruits.splice(1, 1, 'date', 'fig');

      console.log(fruits);   // Ausgabe: ['apple', 'date', 'fig', 'cherry']
    
  

7.2 Die Methode slice()

Die Methode slice() gibt ein neues Array zurück, das eine Kopie eines Teils des ursprünglichen Arrays enthält. Das ursprüngliche Array bleibt unverändert.

Syntax:

    
      array.slice(begin, end);
    
  

Wo:

• begin: Der Index, ab dem kopiert werden soll
• end: Der Index, bis zu dem kopiert werden soll (ohne das Element mit diesem Index). Wenn nicht angegeben, werden alle Elemente bis zum Ende des Arrays kopiert

Beispiel 1: Kopieren eines Teils des Arrays

In diesem Beispiel wird ein neues Array erstellt, das die Elemente von Index 1 bis 2 des Arrays fruits enthält.

    
      let fruits = ['apple', 'banana', 'cherry', 'date', 'fig'];
      let sliced = fruits.slice(1, 3);

      console.log(sliced);   // Ausgabe: ['banana', 'cherry']
    
  

Beispiel 2: Kopieren vom Anfang des Arrays

In diesem Beispiel wird ein neues Array erstellt, das die Elemente mit den Indizes 0 und 1 des Arrays fruits enthält.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let sliced = fruits.slice(0, 2);

      console.log(sliced);   // Ausgabe: ['apple', 'banana']
    
  

Beispiel 3: Kopieren bis zum Ende des Arrays

In diesem Beispiel wird ein neues Array erstellt, das die Elemente von Index 1 bis zum Ende des Arrays fruits enthält.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let sliced = fruits.slice(1);

      console.log(sliced);   // Ausgabe: ['banana', 'cherry']
    
  

7.3 Die Methode concat()

Die Methode concat() wird verwendet, um zwei oder mehr Arrays zu verbinden. Sie gibt ein neues Array zurück, das die Elemente aller verbundenen Arrays enthält.

Syntax:

    
      array1.concat(array2, array3, ...);
    
  

Wo:

• array1, array2, array3, ...: Die Arrays, die verbunden werden sollen

Beispiel 1: Verbinden von zwei Arrays

In diesem Beispiel werden die Arrays fruits1 und fruits2 zu einem neuen Array combined verbunden.

    
      let fruits1 = ['apple', 'banana'];
      let fruits2 = ['cherry', 'date'];
      let combined = fruits1.concat(fruits2);

      console.log(combined); // Ausgabe: ['apple', 'banana', 'cherry', 'date']
    
  

Beispiel 2: Verbinden mehrerer Arrays

In diesem Beispiel werden drei Arrays zu einem neuen Array combined verbunden.

    
      let fruits1 = ['apple', 'banana'];
      let fruits2 = ['cherry', 'date'];
      let fruits3 = ['fig', 'grape'];
      let combined = fruits1.concat(fruits2, fruits3);

      console.log(combined); // Ausgabe: ['apple', 'banana', 'cherry', 'date', 'fig', 'grape']
    
  

Beispiel 3: Verbinden eines Arrays mit Elementen

In diesem Beispiel werden dem Array fruits die Elemente cherry und date hinzugefügt, wodurch ein neues Array moreFruits entsteht.

    
      let fruits = ['apple', 'banana'];
      let moreFruits = fruits.concat('cherry', 'date');

      console.log(moreFruits); // Ausgabe: ['apple', 'banana', 'cherry', 'date']
    
  

7.4 Die Methode indexOf()

Die Methode indexOf() gibt den ersten Index zurück, an dem ein bestimmtes Element in einem Array gefunden werden kann, oder -1, wenn das Element nicht gefunden wird.

Syntax:

    
      array.indexOf(searchElement, fromIndex);
    
  

Wo:

• searchElement: Das Element, das gefunden werden soll
• fromIndex: Der Index, ab dem die Suche beginnen soll. Wenn nicht angegeben, beginnt die Suche am Anfang des Arrays

Beispiel 1: Suchen eines Elements im Array

In diesem Beispiel gibt die Methode indexOf() den Index des Elements banana im Array fruits zurück.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let index = fruits.indexOf('banana');

      console.log(index); // Ausgabe: 1
    
  

Beispiel 2: Element nicht gefunden

In diesem Beispiel gibt die Methode indexOf() -1 zurück, da das Element date im Array fruits nicht gefunden wird.

    
      let fruits = ['apple', 'banana', 'cherry'];
      let index = fruits.indexOf('date');

      console.log(index); // Ausgabe: -1
    
  

Beispiel 3: Suchen eines Elements ab einem bestimmten Index

In diesem Beispiel beginnt die Methode indexOf() die Suche nach dem Element banana ab dem Index 2 und findet es bei Index 3.

    
      let fruits = ['apple', 'banana', 'cherry', 'banana'];
      let index = fruits.indexOf('banana', 2);

      console.log(index); // Ausgabe: 3