Metody Find i FindIndex

Część sekcji Logika i przepływ programu ścieżki JavaScript w Coddy. Lekcja 58 z 65.

Metoda find() zwraca pierwszy element tablicy, który spełnia warunek określony w przekazanej funkcji testującej. Jeśli nie zostanie znaleziony żaden element, zwraca wartość undefined.

Metoda findIndex() jest podobna, ale zwraca indeks pierwszego pasującego elementu zamiast samego elementu. Jeśli nie znajdzie żadnego elementu, zwraca -1.

Podstawowa składnia:

array.find(callback(element[, index[, array]]))
array.findIndex(callback(element[, index[, array]]))

Prosty przykład z find():

const numbers = [5, 12, 8, 130, 44];
const found = numbers.find(num => num > 10);
console.log(found);
// 12 (pierwsza liczba większa od 10)

Ten sam przykład z findIndex():

const numbers = [5, 12, 8, 130, 44];
const foundIndex = numbers.findIndex(num => num > 10);
console.log(foundIndex);
// 1 (indeks pierwszej liczby większej niż 10)

Wyszukiwanie obiektów w tablicy:

const inventory = [
	{name: 'apples', quantity: 2},
	{name: 'bananas', quantity: 0},
	{name: 'oranges', quantity: 5}
];

// Użycie find
const result = inventory.find(item => item.name === 'bananas');
console.log(result); // {name: 'bananas', quantity: 0}

// Użycie findIndex
const index = inventory.findIndex(item => item.name === 'bananas');
console.log(index); // 1

Spróbuj swoich sił

Ta lekcja nie zawiera wyzwania z kodem.