Les méthodes Find & FindIndex

Fait partie de la section Logique & Flux du Journey JavaScript de Coddy — leçon 58 sur 65.

La méthode find() renvoie le premier élément d'un tableau qui satisfait une fonction de test fournie. Si aucun élément n'est trouvé, elle renvoie undefined.

La méthode findIndex() est similaire mais renvoie l'index du premier élément correspondant au lieu de l'élément lui-même. Si aucun élément n'est trouvé, elle renvoie -1.

Syntaxe de base :

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

Exemple simple avec find() :

const numbers = [5, 12, 8, 130, 44];
const found = numbers.find(num => num > 10);
console.log(found);
// 12 (premier nombre supérieur à 10)

Même exemple avec findIndex() :

const numbers = [5, 12, 8, 130, 44];
const foundIndex = numbers.findIndex(num => num > 10);
console.log(foundIndex);
// 1 (index du premier nombre supérieur à 10)

Recherche d'objets dans un tableau :

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

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

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

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Aide-mémoire

La méthode find() renvoie le premier élément qui satisfait une fonction de test, ou undefined si aucun n'est trouvé :

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

La méthode findIndex() renvoie l'index du premier élément correspondant, ou -1 si aucun n'est trouvé :

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

Recherche d'objets dans des tableaux :

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

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

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

Essayez vous-même

Cette leçon ne comprend pas de défi de code.

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.