Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Filter() Methode | Fortgeschrittene Array-Operationen
JavaScript-Datenstrukturen

bookFilter() Methode

Dieses Kapitel taucht in die Feinheiten der filter()-Methode ein, erläutert ihre Syntax, Anwendungen und wie sie die Erstellung von verfeinerten Arrays erleichtert.

filter()

Die filter()-Methode wählt Elemente aus, die eine bestimmte Bedingung erfüllen. Lassen Sie uns die Syntax entschlüsseln:

array.filter((element, index, array) => {
  // Callback body
});

Was wir über die filter()-Methode wissen müssen:

  • Sie verändert das ursprüngliche Array nicht;
  • Sie iteriert über das ursprüngliche Array Element für Element;
  • Sie gibt ein neues Array zurück;
  • Elemente werden dem neuen Array hinzugefügt, wenn sie die Callback-Bedingung erfüllen;
  • Wenn der Callback true zurückgibt, wird das Element eingeschlossen; andernfalls wird es weggelassen.

Beispiele

Die wahre Stärke der filter()-Methode wird deutlich, wenn sie auf verschiedene Szenarien angewendet wird. Lassen Sie uns einige anschauliche Beispiele betrachten:

Beispiel 1: Filtern von ungeraden Zahlen

In diesem Beispiel erstellt die filter()-Methode ein Array (oddNumbers), das nur ungerade Zahlen aus dem ursprünglichen Array enthält.


              
123456

            
const numbers = [15, 22, 37, 41, 58, 67, 72];

const oddNumbers = numbers.filter((number) => {
  return number % 2 !== 0;
});
console.log(oddNumbers); // Output: 15, 37, 41, 67
copy

Beispiel 2: Filtern von Produkten nach Preisspanne

Hier wird die filter()-Methode verwendet, um Produkte mit Preisen unter 500 $ zu extrahieren und ein neues Array (affordableProducts) zu erstellen.

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

1. Was macht die filter()-Methode?

2. Was ist ein wesentliches Merkmal der filter()-Methode?

3. Im folgenden Beispiel, welche Bedingung sollte erfüllt sein, damit das numbersGreaterThan20 Array Zahlen enthält, die größer als 20 sind?

question mark

Was macht die filter()-Methode?

Select the correct answer

question mark

Was ist ein wesentliches Merkmal der filter()-Methode?

Select the correct answer

question mark

Im folgenden Beispiel, welche Bedingung sollte erfüllt sein, damit das numbersGreaterThan20 Array Zahlen enthält, die größer als 20 sind?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 3

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 2.27

bookFilter() Methode

Swipe um das Menü anzuzeigen

Dieses Kapitel taucht in die Feinheiten der filter()-Methode ein, erläutert ihre Syntax, Anwendungen und wie sie die Erstellung von verfeinerten Arrays erleichtert.

filter()

Die filter()-Methode wählt Elemente aus, die eine bestimmte Bedingung erfüllen. Lassen Sie uns die Syntax entschlüsseln:

array.filter((element, index, array) => {
  // Callback body
});

Was wir über die filter()-Methode wissen müssen:

  • Sie verändert das ursprüngliche Array nicht;
  • Sie iteriert über das ursprüngliche Array Element für Element;
  • Sie gibt ein neues Array zurück;
  • Elemente werden dem neuen Array hinzugefügt, wenn sie die Callback-Bedingung erfüllen;
  • Wenn der Callback true zurückgibt, wird das Element eingeschlossen; andernfalls wird es weggelassen.

Beispiele

Die wahre Stärke der filter()-Methode wird deutlich, wenn sie auf verschiedene Szenarien angewendet wird. Lassen Sie uns einige anschauliche Beispiele betrachten:

Beispiel 1: Filtern von ungeraden Zahlen

In diesem Beispiel erstellt die filter()-Methode ein Array (oddNumbers), das nur ungerade Zahlen aus dem ursprünglichen Array enthält.


              
123456

            
const numbers = [15, 22, 37, 41, 58, 67, 72];

const oddNumbers = numbers.filter((number) => {
  return number % 2 !== 0;
});
console.log(oddNumbers); // Output: 15, 37, 41, 67
copy

Beispiel 2: Filtern von Produkten nach Preisspanne

Hier wird die filter()-Methode verwendet, um Produkte mit Preisen unter 500 $ zu extrahieren und ein neues Array (affordableProducts) zu erstellen.

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

1. Was macht die filter()-Methode?

2. Was ist ein wesentliches Merkmal der filter()-Methode?

3. Im folgenden Beispiel, welche Bedingung sollte erfüllt sein, damit das numbersGreaterThan20 Array Zahlen enthält, die größer als 20 sind?

question mark

Was macht die filter()-Methode?

Select the correct answer

question mark

Was ist ein wesentliches Merkmal der filter()-Methode?

Select the correct answer

question mark

Im folgenden Beispiel, welche Bedingung sollte erfüllt sein, damit das numbersGreaterThan20 Array Zahlen enthält, die größer als 20 sind?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 3
some-alt