Array von Objekten in JavaScript filtern

In diesem Artikel erfahren Sie, wie Sie Elemente in einem Array mit der JavaScript-Funktion filter() filtern.

Array von Objekten in JavaScript filtern

Bei der Arbeit mit einem Array besteht eine der typischsten Aufgaben darin, eine neue Sammlung zu erstellen, die eine Teilmenge der Mitglieder des ursprünglichen Arrays enthält. Angenommen, Sie haben eine Vielzahl von Studentenobjekten, von denen jedes zwei Eigenschaften hat: sports und subjects.

const students = [
  {sports: ['cricket', 'football'], subjects: 'Science'},
  {sports: ['Badminton', 'Hockey'], subjects: 'Math'},
  {sports: ['Chess', 'cricket'], subjects: 'Computer Science'},
  {sports: ['Judo', 'football'], subjects: 'Social Science'},
];

Um die Schüler zu finden, deren Lieblingssport Cricket ist, müssen Sie die Sportarten, die cricket enthalten, wie folgt filtern:

const Cricket = students.filter((e) => e.sports.includes('cricket'));
console.log(Cricket);

Code ausführen

Ausgabe:

[{
  name: "Johnny",
  sports: ["cricket", "football"]
}, {
  name: "Dev",
  sports: ["Chess", "cricket"]
}]

In diesem Beispiel haben wir die Methode filter() des Array-Objekts students verwendet und ein Programm übergeben, das jedes Mitglied testet. Innerhalb der Funktion haben wir festgestellt, ob die Sportart jedes Schülers im Array cricket entspricht.

Ist dies der Fall, gibt die Funktion true zurück; andernfalls wird false zurückgegeben. Die Methode filter() enthält nur die Elemente im Rückgabearray, die die Bedingung der Callback-Funktion erfüllen.