Array-Methoden Teil 2
Teil des Abschnitts Grundlagen der JavaScript-Journey von Coddy. Lektion 61 von 77.
Arrays verfügen über weitere integrierte Methoden, die uns bei gängigen Aufgaben helfen können. Hier sind einige davon:
sort()- sortiert die Elemente eines Arrays.
reverse()- kehrt die Reihenfolge der Elemente in einem Array um.
indexOf(element)- gibt den Index des ersten Vorkommens eines Elements im Array zurück, oder -1, wenn es nicht gefunden wird.
lastIndexOf(element)- gibt den Index des letzten Vorkommens eines Elements im Array zurück oder -1, wenn es nicht gefunden wird.
includes(element)– gibttruezurück, wenn das Array das angegebene Element enthält, andernfalls wirdfalsezurückgegeben.
Hier ist ein Beispiel für die Verwendung der sort-Methode:
let myArray = ["orange", "banana", "apple"];
myArray.sort();
console.log(myArray);Dies wird ["apple", "banana", "orange"] ausgeben.
Beispiel für die reverse-Methode:
let myArray = [1, 2, 3, 4, 5];
myArray.reverse();
console.log(myArray);Dies wird [5, 4, 3, 2, 1] ausgeben.
Beispiel für die indexOf-Methode:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.indexOf(30);
console.log(index);Dies wird 2 ausgeben.
Beispiel für die lastIndexOf-Methode:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.lastIndexOf(30);
console.log(index);Dies wird 5 ausgeben.
Beispiel für die includes-Methode:
let myArray = ["apple", "banana", "orange"];
let hasBanana = myArray.includes("banana");
console.log(hasBanana);Dies wird true ausgeben.
Aufgabe
EinfachErstellen Sie eine Funktion namens findElement, die zwei Argumente erhält:
- Ein Array von Zahlen
- Eine Zahl, nach der gesucht werden soll
Die Funktion sollte Folgendes tun:
- Prüfen Sie mit der Methode
includes, ob das Array die Zahl enthält. - Wenn die Zahl gefunden wird, geben Sie den Index ihres ersten Vorkommens mit der Methode
indexOfzurück. - Wenn die Zahl nicht gefunden wird, geben Sie -1 zurück.
Zum Beispiel:
findElement([1, 2, 3, 4, 5], 3)sollte 2 zurückgebenfindElement([1, 2, 3, 4, 5], 6)sollte -1 zurückgeben
Probier es selbst
function findElement(arr, num) {
// Code hier schreiben
}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 Schleife11Arrays Teil 1
Ein Array deklarierenAuf Array-Elemente zugreifenArrays ändernArray-Methoden Teil 1Array-Methoden Teil 2Rückblick – Array-Prozessor3Operatoren – 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 falschÜbe selbstständig: Online-JavaScript-Compiler