Die Filter () -Methode wird verwendet, um ein neues Array zu erstellen, das Elemente enth?lt, die den angegebenen Zustand übergeben, ohne das ursprüngliche Array zu ?ndern. 1. Es wird die bereitgestellte Rückruffunktion für jedes Element des Arrays ausgeführt. 2. Wenn der Rückruf true zurückgibt, wird das neue Array das Element hinzugefügt. 3. Der Rückruf verwendet normalerweise Elementparameter und kann auch Index und Array enthalten. 4. Die gemeinsamen Verwendungen umfassen Filternummern und Objekteigenschaften (z. B. aktive Benutzer); 5. Geben Sie immer das neue Array zurück, und das ursprüngliche Array bleibt unver?ndert. 6. Es kann mit MAP (), Sort () und anderen Methoden zur Verarbeitung von Daten als Ketten bezeichnet werden. Beispielsweise gibt Benutzer.filter (u => u.active) .MAP (u => u.Name) das Array der Namen der aktiven Benutzer ['Alice', 'Charlie'] zurück.

Die filter() -Methode in JavaScript wird verwendet, um ein neues Array zu erstellen, das nur die Elemente enth?lt, die eine bestimmte Bedingung übergeben. Es ?ndert das ursprüngliche Array nicht - stattdessen wird ein frisches mit den gefilterten Ergebnissen zurückgegeben.

Wie filter() funktioniert

In der filter() -Methode wird ein Test (eine Funktion, die Sie bereitstellen) auf jedem Element des Arrays aus. Wenn der Test true , ist dieses Element im Neuarray enthalten. Wenn es false zurückgibt, ist es ausgelassen.

Hier ist die grundlegende Syntax:

 const newArray = array.filter (Rückruf (Element, Index, Array), ThisArg);

• callback ist eine Funktion, die jedes Element testet.
• element ist das aktuelle Element, das verarbeitet wird.
• index (optional) ist der Index des aktuellen Elements.
• array (optional) ist der Array filter() wurde angerufen.
• thisArg (optional) k?nnen Sie den Wert this Einrufe im Rückruf festlegen.

In den meisten F?llen verwenden Sie nur den element .

Beispiel: Filternummern

Sagen Sie, Sie haben eine Reihe von Zahlen und m?chten nur diejenigen, die mehr als 10 sind:

 const nummern = [5, 10, 15, 20, 25];
const bignumbers = number.filter (num => num> 10);

console.log (bignumbers); // [15, 20, 25]
console.log (nummern); // [5, 10, 15, 20, 25] (unver?ndert)

Die Pfeilfunktion num => num > 10 ist der Test. Für jede Zahl überprüft es, ob es gr??er als 10 ist. Nur diejenigen, die Pass haben, sind enthalten.

Beispiel: Objekte filtern

Sie k?nnen auch Arrays von Objekten filtern. Zum Beispiel nur aktive Benutzer erhalten:

 const user = [
  {Name: 'Alice', aktiv: true},
  {Name: 'Bob', aktiv: false},
  {Name: 'Charlie', aktiv: true}
];

const activeUsers = user.filter (user => user.active);

console.log (activeUteers);
// [{name: 'alice', aktiv: true}, {name: 'charlie', active: true}]

Wichtige Punkte, die sich erinnern sollten

• filter() gibt immer ein neues Array zurück .
• Das ursprüngliche Array ist nicht ge?ndert .
• Wenn keine Elemente den Test bestehen, erhalten Sie ein leeres Array .
• Der Rückruf sollte einen Booleschen ( true oder false ) zurückgeben.

Wann zu filter()

Sie verwenden filter() wann immer Sie ben?tigen:

• Suchen Sie durch Daten (z. B. Produkte auf Lager finden)
• Reinigen Sie Arrays (z. B. Ungültige Eintr?ge entfernen)
• Spezifische Elemente extrahieren (z. B. Benutzer über 18)

Es wird üblicherweise mit anderen Methoden wie map() oder sort() für leistungsst?rkere Datenverarbeitung verkettet.

Zum Beispiel:

 const result = Benutzer
  .filter (u => U.Active)
  .Map (u => U.Name);
// ['Alice', 'Charlie']

Grunds?tzlich ist filter() eine saubere, funktionale M?glichkeit, Daten ohne Schleifen oder Nebenwirkungen zu durchsuchen.

Das obige ist der detaillierte Inhalt vonWas ist die Filtermethode für Arrays in JavaScript und wie funktioniert sie?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!