Javascript-Filterimplementierung

Es gibt viele integrierte Funktionen in Javascript, filter() ist eine davon. Seine Funktion besteht darin, Elemente aus einem Array herauszufiltern, die die Kriterien erfüllen, und ein neues Array zurückzugeben.

Die Syntax von filter() lautet wie folgt:

array.filter(function(currentValue, index, arr), thisValue)

Parameterbeschreibung:

• aktueller Wert: das aktuelle Element, in dem verarbeitet wird das Array# 🎜🎜#
index: Der Index des aktuellen Elements im Array
arr: Das verarbeitete Array
thisValue (optional): Das Objekt wird als Funktion ausgeführt. Verwenden Sie diesen Wert als Array (d. h. als Funktionsausführungskontext). Die Funktion muss einen booleschen Wert zurückgeben, der angibt, ob das aktuelle Element die Bedingungen erfüllt. Wenn true zurückgegeben wird, bleibt das Element im neuen Array erhalten, andernfalls wird es herausgefiltert.
Sehen wir uns ein Beispiel an, bei dem wir davon ausgehen, dass es ein Array gibt, das Ganzzahlen von 1 bis 10 speichert.

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

Jetzt wollen wir alle Elemente herausfiltern, die größer oder gleich 5 sind. Dies kann durch die Methode filter() erreicht werden:

const result = numbers.filter(function(number) {
  return number >= 5;
});

console.log(result); // 输出 [5, 6, 7, 8, 9, 10]

Im obigen Code empfängt die Funktion filter() eine Funktion, deren Rückgabewert wahr oder falsch ist. In dieser Funktion wird true zurückgegeben, wenn das aktuelle Element größer oder gleich 5 ist. Andernfalls wird false zurückgegeben, wenn das aktuelle Element kleiner als 5 ist. Schließlich werden die Elemente, die die Bedingungen erfüllen, also Elemente größer oder gleich 5, beibehalten und in Form eines neuen Arrays zurückgegeben.

Zusätzlich zum Definieren einer Funktion können Sie auch die Kurzform der Pfeilfunktion verwenden:

const result = numbers.filter(number => number >= 5);

console.log(result); // 输出 [5, 6, 7, 8, 9, 10]

Die filter()-Methode kann auch für Objekte in einem Array verwendet werden. Angenommen, Sie verfügen über ein Array, das Informationen über mehrere Personen speichert.

const people = [
  { name: 'Lucas', age: 25 },
  { name: 'Emma', age: 21 },
  { name: 'Tom', age: 30 },
  { name: 'Jane', age: 18 },
];

Jetzt wollen wir Leute herausfiltern, die 25 oder älter sind. Dies kann durch die filter()-Methode erreicht werden:

const result = people.filter(function(person) {
  return person.age >= 25;
});

console.log(result); // 输出 [{ name: 'Lucas', age: 25 }, { name: 'Tom', age: 30 }]

Ebenso können wir auch die Pfeilfunktionsabkürzung verwenden:

const result = people.filter(person => person.age >= 25);

console.log(result); // 输出 [{ name: 'Lucas', age: 25 }, { name: 'Tom', age: 30 }]

In der tatsächlichen Entwicklung ist die filter()-Methode Wird häufig zum Filtern von Daten verwendet, die die Bedingungen erfüllen, z. B. bei der Suche, Filterung, Klassifizierung und anderen Szenarien. Es ist einfach und benutzerfreundlich und kann Array-Elemente schnell filtern. Man kann sagen, dass es eine der unverzichtbaren Methoden in der Entwicklung ist.

Das obige ist der detaillierte Inhalt vonJavascript-Filterimplementierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!