Wann Sie find() oder filter() in Javascript verwenden sollten

Blog

Wann Sie find() oder filter() in Javascript verwenden sollten

In diesem Beitrag gebe ich Ihnen die Idee, wann Sie find() im Vergleich zu filter() in Javascript verwenden sollten.

Wenn wir ein Array in JavaScript verarbeiten, müssen wir möglicherweise ein einzelnes Element in der Array-Sammlung finden. Das mag mühsam klingen, sollte aber nicht allzu schwierig sein, wenn wir die entsprechenden Methoden anwenden.

Suchen und filtern

Es gibt mehrere Alternativen, um die erforderlichen Werte aus dem Array zu finden, aber hier werde ich die Such- und Filtermethoden in JavaScript verwenden.

var requests = [{ App: 'Adobe', Count: 10 }, { App: 'Apple', Count: 12 }, { App: 'Amazon', Count: 5 }, { App: 'Microsoft', Count: 2 }];

Die finden() -Methode gibt den ersten übereinstimmenden Wert aus der Auflistung zurück. Sobald es mit dem Wert in den Ergebnissen übereinstimmt, werden die verbleibenden Werte in der Array-Auflistung nicht überprüft.

requests.find(function(item) { return item.App == 'Apple' }); //output: {App: 'Apple', Count: 12}

Die Filter() -Methode gibt die übereinstimmenden Werte in einem Array aus der Auflistung zurück. Es überprüft alle Werte in der Sammlung und gibt die übereinstimmenden Werte in einem Array zurück.

requests.filter(function(item) { return item.App == 'Apple' }); //output: [ {App: 'Apple', Count: 12} ]

Die Methode find() funktioniert nicht im IE<= 11. The filter() method works in all browsers, including IE9+.

Aus der Sammlung des Ergebnisses der filter()-Methode können Sie den ersten übereinstimmenden Wert mithilfe des folgenden Snippets abrufen. Diese Methode überwindet das IE-Kombinierbarkeitsproblem der find()-Methode.

requests.filter(function(item) { return item.App == 'Apple' })[0]; //output: {App: 'Apple', Count: 12}

Abschluss

Die find()-Methode ist eine bessere Option für die Verwendung in modernen Browsern, aber wenn Sie sich für den IE-Browser interessieren, verwenden Sie die filter()-Methode.

Danke fürs Lesen!

#Javascript #Tutorial #Entwickler #Programmierung