I metodi Find e FindIndex

Fa parte della sezione Logica e flusso del percorso JavaScript di Coddy. Lezione 58 di 65.

Il metodo find() restituisce il primo elemento di un array che soddisfa una funzione di test fornita. Se non viene trovato alcun elemento, restituisce undefined.

Il metodo findIndex() è simile, ma restituisce l'indice del primo elemento corrispondente invece dell'elemento stesso. Se non viene trovato alcun elemento, restituisce -1.

Sintassi di base:

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

Esempio semplice con find():

const numbers = [5, 12, 8, 130, 44];
const found = numbers.find(num => num > 10);
console.log(found);
// 12 (primo numero maggiore di 10)

Lo stesso esempio con findIndex():

const numbers = [5, 12, 8, 130, 44];
const foundIndex = numbers.findIndex(num => num > 10);
console.log(foundIndex);
// 1 (indice del primo numero maggiore di 10)

Trovare oggetti in un array:

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

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

// Utilizzo di findIndex
const index = inventory.findIndex(item => item.name === 'bananas');
console.log(index); // 1

Provalo tu

Questa lezione non include una sfida di codice.