Die Filter-Methode
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy. Lektion 53 von 65.
Die Methode filter() erzeugt ein neues array mit allen Elementen, die den durch die bereitgestellte function implementierten Test bestehen. Sie ist nützlich, um eine Teilmenge von Elementen aus einem array basierend auf bestimmten Kriterien auszuwählen.
Grundlegende Syntax:
let newArray = arr.filter(function(currentValue, index, array) {
// return true, um das Element zu behalten, false andernfalls
});Hier ist ein einfaches Beispiel:
const numbers = [1, 2, 3, 4, 5, 6];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4, 6]Die Methode filter() verändert das ursprüngliche Array nicht. Sie gibt ein neues Array zurück, das nur die Elemente enthält, die den Test bestanden haben.
Aufgabe
EinfachErstelle eine Funktion namens filterBooks, die zwei Parameter entgegennimmt:
- Ein Array von Buchobjekten, wobei jedes Buch die Eigenschaften
title(String),author(String) undrating(Zahl von 1 bis 5) besitzt - Eine Mindestbewertung (Zahl)
Die Funktion sollte die Methode filter() verwenden, um ein neues Array zurückzugeben, das nur die Bücher mit einer Bewertung enthält, die größer oder gleich der Mindestbewertung ist.
Probier es selbst
function filterBooks(books, minRating) {
// Schreibe deinen Code hier
}
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Logik & Ablauf
1Strings im Detail
Grundlagen von StringsStrings durchlaufenTemplate LiteralsString-MethodenRückblick – String-Weber4JSON Teil 2
JSON durchlaufenVerschachteltes JSONOptionale Verkettung in JSONFlache und tiefe KopieWiederholung – FahrradgeschäftWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen
Nach Titel suchenNach Genre filternAls gelesen markieren2Mehrdimensionale Arrays
Grundlagen von 2D-ArraysZugriff auf Elemente von 2D-ArraysVerschachtelte Schleifen mit 2D-ArraysWiederholung – 2D-ArraysMatrixaddition und -subtraktionZackige Arrays3D-Arrays und darüber hinausHäufige Muster bei 2D-ArraysWiederholung – Alles über Arrays5Mengen – Teil 1
Was ist eine Menge?Mengen durchlaufenEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element vorhanden istGröße und LeerstatusKopieren und LeerenRückblick – Grundlagen von Mengen8Interessante Themen zu Arrays
Destrukturierung von ArraysSpread-Syntax in ArraysDünn besetzte ArraysRückblick – Workshop zu Arrays3JSON Teil 1
Was ist JSON?Prüfen, ob ein Schlüssel vorhanden istObjektmethodenSpread-Operator Teil 1Spread-Operator Teil 2Schlüssel entfernenRückblick – JSON-Schlüssel bearbeitenÜbe selbstständig: Online-JavaScript-Compiler