Array-Methoden Teil 3

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

Hier sind einige weitere nützliche Array-Methoden:

1. concat(): Kombiniert 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): Verbindet alle Elemente eines Arrays zu einem String, 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 Teil eines Arrays und gibt ein neues Array zurück. Der start-Index ist inklusiv, und der end-Index ist exklusiv.

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 durch Entfernen, Ersetzen oder Hinzufügen von Elementen. Es verändert das ursprüngliche Array und gibt ein Array zurück, das die gelöschten Elemente enthält (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 einen String basierend auf dem angegebenen Trennzeichen in ein Array von Teilstrings auf. Der ursprüngliche String wird nicht verändert. Der optionale Parameter limit steuert die maximale Anzahl der Aufteilungen.

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"]

Aufgabe

Einfach

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

Verwenden Sie concat(), um [6, 7, 8] am Ende des Arrays hinzuzufügen und das Ergebnis auszugeben.
Verwenden Sie join(), um das Ergebnis von concat() in einen durch Kommas getrennten String umzuwandeln und diesen auszugeben.
Verwenden Sie slice(), um die ersten drei Elemente aus dem ursprünglichen numbers-Array zu extrahieren und diese auszugeben.
Verwenden Sie splice(), um das zweite Element von numbers durch 99 zu ersetzen und das geänderte numbers-Array auszugeben.

Spickzettel

Array-Methoden zur Manipulation und Extraktion:

concat(): Kombiniert Arrays, ohne die Originale zu verändern

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

join(separator): Verbindet Array-Elemente zu einem String

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

slice(start, end): Extrahiert einen Teil des Arrays (Start inklusive, Ende exklusive)

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

splice(start, deleteCount, item1, item2, ...): Modifiziert das ursprüngliche Array durch Entfernen/Ersetzen/Hinzufügen von Elementen

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]

split(separator, limit): Teilt einen String in ein Array von Teilstrings auf

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"]

Probier es selbst