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"]Aufgabe
EinfachGegeben ist ein Array numbers = [1, 2, 3, 4, 5]. Führe die folgenden Schritte aus und gib die Ergebnisse direkt aus:
- Verwende
concat(), um[6, 7, 8]am Ende des Arrays hinzuzufügen, und gib das Ergebnis aus. - Verwende
join(), um das Ergebnis vonconcat()in eine durch Kommas getrennte Zeichenkette umzuwandeln, und gib sie aus. - Verwende
slice(), um die ersten drei Elemente aus dem ursprünglichen Arraynumberszu extrahieren, und gib sie aus. - Verwende
splice(), um das zweite Element vonnumbersdurch99zu ersetzen, und gib das geänderte Arraynumbersaus.
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