logo

Metoda find() tablicy JavaScript

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 Java
JavaScript
// 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