Menu
CoddyTech

Array-Methoden Teil 3

Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy. Lektion 68 von 77.

Hier sind noch einige nützliche Array-Methoden:

1. concat(): Verbindet zwei oder mehr Arrays und gibt ein neues Array zurück, ohne die ursprünglichen Arrays zu verändern.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Ausgabe: [1, 2, 3, 4]

2. join(separator): Fügt alle Elemente eines Arrays zu einer Zeichenkette zusammen, getrennt durch das angegebene Trennzeichen (optional).

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Ausgabe: "apple, banana, orange"

3. slice(start, end): Extrahiert einen Abschnitt eines Arrays und gibt ein neues Array zurück. Der start-Index ist inklusive, und der end-Index ist exklusive.

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Ausgabe: [2, 3, 4]

4. splice(start, deleteCount, item1, item2, ...): Ändert den Inhalt eines Arrays, indem Elemente entfernt, ersetzt oder hinzugefügt werden. Die Methode verändert das ursprüngliche Array und gibt ein Array mit den gelöschten Elementen zurück (falls vorhanden).

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Ausgabe: [1, 2, 6, 7, 5]
console.log(removed); // Ausgabe: [3, 4]

5. split(separator, limit): Teilt eine Zeichenfolge anhand des angegebenen Trennzeichens in ein Array von Teilzeichenfolgen auf. Die ursprüngliche Zeichenfolge wird nicht verändert. Der optionale Parameter limit legt die maximale Anzahl der Elemente im zurückgegebenen Array fest; der Rest der Zeichenfolge wird weggelassen.

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); 
// Ausgabe: ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited);
// Ausgabe: ["apple", "banana"]
challenge icon

Aufgabe

Einfach

Gegeben ist ein Array numbers = [1, 2, 3, 4, 5]. Führe die folgenden Schritte aus und gib die Ergebnisse direkt aus:

  1. Verwende concat(), um [6, 7, 8] am Ende des Arrays hinzuzufügen, und gib das Ergebnis aus.
  2. Verwende join(), um das Ergebnis von concat() in eine durch Kommas getrennte Zeichenkette umzuwandeln, und gib sie aus.
  3. Verwende slice(), um die ersten drei Elemente aus dem ursprünglichen Array numbers zu extrahieren, und gib sie aus.
  4. Verwende splice(), um das zweite Element von numbers durch 99 zu ersetzen, und gib das geänderte Array numbers aus.

Probier es selbst

let numbers = [1, 2, 3, 4, 5];
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Grundlagen

Übe selbstständig: Online-JavaScript-Compiler