Metoda find() w JavaScript zwraca pierwszy element, który spełnia podaną funkcję testową. Wykonuje iterację po każdym elemencie tablicy, ignorując puste miejsca i zwraca wartość niezdefiniowaną, jeśli nie zostanie znalezione dopasowanie. Oryginalna tablica pozostaje niezmieniona.
Składnia:
array.find(function(currentValue, index, arr), thisValue)>
Parametry :
-
function(currentValue, index, arr)>
: Funkcja do wykonania na każdej wartości w tablicy, aż do znalezienia pierwszego elementu spełniającego warunek. Przyjmuje trzy parametry:-
currentValue>
: Bieżący element przetwarzany w tablicy. -
index>
(opcjonalny): Indeks bieżącego elementu przetwarzanego w tablicy. -
arr>
(opcjonalny): Tablicafind()>
został wezwany.
-
-
thisValue>
(opcjonalny): Wartość do użycia jakothis>
podczas wykonywania funkcji wywołania zwrotnego.
Wartość zwracana :
Zwraca wartość elementu tablicy, jeśli którykolwiek z elementów tablicy spełnia warunek, w przeciwnym razie zwraca wartość niezdefiniowaną.
Przykład: W tym przykładzie szukamy pierwszego dodatniego elementu w tablicy. Metoda find() wykonuje iterację po tablicy, zwracając pierwszy element większy od 0. Wynik rejestruje w konsoli.
diagram klas JavaJavaScript
// Input array contain some elements. let array = [-10, -0.20, 0.30, -40, -50]; // Method (return element>0). niech znaleziono = array.find(funkcja (element) {zwróć element> 0; }); // Drukowanie żądanych wartości. konsola.log(znaleziona);>
Wyjście
0.3>
Przykład: W tym przykładzie wyszukujemy pierwszy element tablicy o wartości większej niż 20. Do iteracji po tablicy używana jest metoda find() i zwracany jest pierwszy element spełniający warunek. Na koniec rejestruje wynik (30) w konsoli.
JavaScript
// Input array contain some elements. let array = [10, 20, 30, 40, 50]; // Method (return element>10). let found = array.find(funkcja (element) {zwróć element> 20; }); // Drukowanie żądanych wartości. konsola.log(znaleziona);>
Wyjście
30>
Przykład: W tym przykładzie naszym celem jest znalezienie pierwszego elementu tablicy o wartości większej niż 4. Wykorzystuje ona metodę find(), która iteruje po tablicy, aż do znalezienia pasującego elementu. Rejestruje wynik (`7`) w konsoli.
JavaScript // Input array contain some elements. let array = [2, 7, 8, 9]; // Provided testing method (return element>4). let found = array.find(funkcja (element) {zwróć element> 4; }); // Drukowanie żądanych wartości. konsola.log(znaleziona);>
Wyjście
7>
Metoda find() tablicy JavaScript – przypadki użycia:
Poniżej przedstawiono kilka przypadków użycia metody Array find().
1. Metoda findIndex() tablicy JavaScript
JavaScript Tablica.findIndex() metoda służy do zwrócenia pierwszego indeksu elementu w danej tablicy, który spełnia podaną funkcję testującą (przekazaną przez użytkownika podczas wywołania). W przeciwnym razie, jeśli nie zostaną znalezione żadne dane, zwracana jest wartość -1.
2. Różne sposoby wyszukiwania elementu w tablicy w JavaScript
Są to następujące metody:
- Korzystanie z metody find().
- Korzystanie z metody findIndex().
- Korzystanie z metody include().
- Używanie metody Some().
- Korzystanie z metody IndexOf().
- Korzystanie z metody filter().
- Używanie metody Every().
3. Najlepszy sposób na znalezienie elementu w tablicy w JavaScript
Najczęściej używane metody sprawdzania, czy element znajduje się w tablicy JavaScript, to:
- Korzystanie z metody include().
- Korzystanie z metody IndexOf().
- Korzystanie z metody find().
- Korzystanie z metody Array.some().
Obsługiwane przeglądarki:
- GoogleChrome 45.0
- Microsoft Edge 12.0
- Mozilla Firefox 25.0
- Safari 7.1
- Opera 32.0