JavaScript Array: find()

Czytając ten artykuł, dowiesz się, czym jest i do czego służy metoda find() dostarczona przez prototyp obiektu Array w języku JavaScript. Poznasz również ciekawe przykłady z użyciem find() dzięki, którym staniesz się lepszym programistą.

Do czego służy metoda find() dostarczona przez Array.

Metoda find() jest funkcją wbudowaną w JavaScript, która służy do wyszukiwania elementu w tablicy, który spełnia określone kryterium. Jeśli żaden z elementów nie spełnia kryterium to metoda find() zwraca wartość undefinded.

Możesz użyć tej metody do znajdowania elementów spełniających określone warunki lub zwracających określoną wartość.

Jaka jet składnia metody Array.prototype.find()?

Składia metody find() wygląda następująco:

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

Gdzie:

• function(currentValue, index, arr) to funkcja, którą wywołujemy dla każdego elementu tablicy. Może ona przyjmować trzy argumenty:
  • currentValue to aktualnie przetwarzany element tablicy.
  • index to indeks aktualnie przetwarzanego elementu.
  • arr to cała tablica.
• thisValue (opcjonalne) to obiekt, który ma być używany jako this wewnątrz funkcji.

Przykłady użycia metody Array.prototype.find()

? Poświęć kilka minut na analizę kodu z przykładów. Analizując kod, stajesz się lepszym programistą. To bardzo dobra praktyka, jeśli chcesz się rozwijać.

Przykład 1: Znajdź liczbę większą lub równą 10

const numbers = [5, 12, 8, 130, 44];

const firstLargeNumber = numbers.find(function(element) {
  return element >= 10;
});

console.log(firstLargeNumber); // 12

Przykład 2: Znajdź obiekt, którego właściwość price jest równa 99

const products = [
    {name: 'monitor', price: 1400},
    {name: 'dysk', price: 400},
    {name: 'pendrive', price: 99},
    {name: 'klawiatura', price: 1150},
];

const item = inventory.find(function(product) {
  return product.name === 99;
});

console.log(item); // {name: 'pendrive', price: 99}

Dlaczego warto używać metody find()?

1. Oszczędność czasu: metoda find() pozwala znaleźć określony element w tablicy natychmiast. Dzięki temu nie masz konieczności iterowania przez całą tablicę. To znacznie skraca czas potrzebny na znalezienie odpowiedniego elementu.
2. Łatwość użycia: metoda find() jest bardzo prosta w użyciu i łatwa do zrozumienia, nawet jeśli jesteś początkujący w programowaniu.
3. Oszczędność miejsca w kodzie: dzięki metodzie find() nie musisz tworzyć zmiennej do przechowywania indeksu elementu lub używać pętli for do iterowania przez tablicę. Możesz znaleźć odpowiedni element za pomocą jednej linii kodu. To sprawia, że kod staje się bardziej czytelny i łatwiejszy w utrzymaniu.

Ćwiczenia z użyciem metody find()

Pewnie sam wiesz, że praktyka czyni mistrza. Poniżej przedstawiam Ci zadanie, które do rozwiązania możesz użyć metodę find() dostarczoną z obiektem typu Array

1. Napisz program, który będzie przeszukiwał tablicę liczb całkowitych i znajdzie pierwszą liczbę podzielną przez 5.