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
EinfachGegeben 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 vonconcat()in einen durch Kommas getrennten String umzuwandeln und diesen auszugeben. - Verwenden Sie
slice(), um die ersten drei Elemente aus dem ursprünglichennumbers-Array zu extrahieren und diese auszugeben. - Verwenden Sie
splice(), um das zweite Element vonnumbersdurch99zu ersetzen und das geändertenumbers-Array auszugeben.
Probier es selbst
let numbers = [1, 2, 3, 4, 5];Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Grundlagen
4Operatoren Teil 2
Logische Operatoren Teil 1Logische Operatoren Teil 2Wiederholung – Einfache LogikLogische Operatoren Teil 3Typkoerzierung7Rechner zum Teilen der Rechnung
WillkommensnachrichtTrinkgeld und Gesamtbetrag berechnen10FizzBuzz mit einer Wendung
SpielübersichtDie FizzBuzz-Funktion2Variablen
ZahlenZeichenketteBoolescher WertNamenskonventionenLeere VariablenZusammenfassung – Variablen initialisierenKonstanten5Entscheidungen treffen
If-AnweisungIf – ElseRückblick – Einfacher TaschenrechnerVerschachteltes If – ElseSwitch-Anweisung8Schleifen
For-SchleifeWhile-SchleifeBreakContinueWiederholung – FakultätDo-While-SchleifeVerschachtelte Schleife3Operatoren – Teil 1
Arithmetische OperatorenModulo-OperatorArithmetische KurzformenVergleichsoperatorenStrikte vs. lose GleichheitRückblick – einfache Mathematik6Grundlegende Ein- und Ausgabe
AusgabeAusgabe mit VariablenTypkonvertierung – Teil 1Typkonvertierung – Teil 2Wiederholung – Bis 120Wiederholung – Wahr oder falsch9Funktionen
Eine Funktion deklarierenArgumenteRückgabewertZusammenfassung – Sigma-FunktionFunktionsausdruckStandardparameterPfeilfunktionenZusammenfassung – Validierungsfunktion12Arrays Teil 2
Arrays durchlaufenDie forEach-Methodefor...of-SchleifeRückblick – P-ZählerArray-SlicingArray-Methoden Teil 3Array-Methoden Teil 4MitgliedschaftstestÜbe selbstständig: Online-JavaScript-Compiler