Medium — разница между find() и filter() в Javascript

В этой статье мы поговорим о двух наиболее часто используемых методах, доступных в javascript.

найти():

Метод find возвращает первое совпадение в коллекции. Как только совпадение найдено, он прекращает проверку оставшихся элементов в коллекции.

arr = ['apple', 'banana', 'apple', 'mango', 'pineapple']
arr.find((val) => val == 'apple')
#OUTPUT
apple

фильтр():

Метод filter возвращает все совпадения из коллекции в виде другой коллекции.

arr = ['apple', 'banana', 'apple', 'mango', 'pineapple']
arr.filter((val) => val == 'apple')
#OUTPUT
[ 'apple', 'apple' ]
arr.filter((val) => val == 'mango')
#OUTPUT
[ 'mango' ]

ЕСЛИ вы ищете только первое совпадение, тогда find() будет лучшим вариантом в последних браузерах. В основном, когда дело доходит до больших массивов, find() эффективнее и быстрее, чем фильтр, потому что фильтр выполняет итерацию по всему массиву, независимо от того, находит ли он совпадение или нет.