Recherche dans les tableaux JavaScript
Méthodes de recherche dans les tableaux
| Array indexOf() Array lastIndexOf() Array includes() | Array find() Array findIndex() Array findLast() Array findLastIndex() |
Voir aussi :
Tutoriel sur les tableaux JavaScript
Méthodes de base des tableaux JavaScript
Méthodes de tri des tableaux JavaScript
JavaScript Array indexOf()
La méthode indexOf() recherche une valeur d'élément dans un tableau et renvoie sa position.
Remarque : Le premier élément a la position 0, le deuxième élément a la position 1, et ainsi de suite.
Exemple
Rechercher un tableau pour l'élément "Pomme" :
const fruits = ["Pomme", "Orange", "Pomme", "Mangue"];
let position = fruits.indexOf("Pomme") + 1; Syntaxe
tableau .indexOf( élément , début ) | élément | Obligatoire. L'élément à rechercher. |
| début | Optionnel. Où commencer la recherche. Les valeurs négatives commenceront à la position donnée en comptant depuis la fin, et rechercheront jusqu'à la fin. |
Array.indexOf() renvoie -1 si l'élément n'est pas trouvé.
Si l'élément est présent plus d'une fois, il renvoie la position de la première occurrence.
JavaScript Array lastIndexOf()
Array.lastIndexOf() est identique à Array.indexOf() , mais renvoie la position de la dernière occurrence de l'élément spécifié.
Exemple
Rechercher un tableau pour l'élément "Pomme" :
const fruits = ["Pomme", "Orange", "Pomme", "Mangue"];
let position = fruits.lastIndexOf("Pomme") + 1; Syntaxe
tableau .lastIndexOf( élément , début ) | élément | Obligatoire. L'élément à rechercher |
| début | Optionnel. Où commencer la recherche. Les valeurs négatives commenceront à la position donnée en comptant depuis la fin, et rechercheront jusqu'au début |
JavaScript Array includes()
ECMAScript 2016 a introduit Array.includes() dans les tableaux. Cela nous permet de vérifier si un élément est présent dans un tableau (y compris NaN, contrairement à indexOf).
Exemple
const fruits = ["Banane", "Orange", "Pomme", "Mangue"];
fruits.includes("Mangue"); // est vrai Syntaxe
tableau .includes( élément-recherche ) Array.includes() permet de vérifier les valeurs NaN, contrairement à Array.indexOf().
Support des navigateurs
includes() est une fonctionnalité d' ECMAScript 2016 .
ES 2016 est entièrement pris en charge dans tous les navigateurs modernes depuis mars 2017 :
| Chrome 52 | Edge 15 | Firefox 52 | Safari 10.1 | Opera 39 |
| Juil 2016 | Avr 2017 | Mar 2017 | Mai 2017 | Août 2016 |
JavaScript Array find()
La méthode find() renvoie la valeur du premier élément du tableau qui passe une fonction de test.
Cet exemple trouve (renvoie la valeur de) le premier élément qui est supérieur à 18 :
Exemple
const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(value, index, array) {
return value > 18;
} Notez que la fonction prend 3 arguments :
- La valeur de l'élément
- L'index de l'élément
- Le tableau lui-même
Support des navigateurs
find() est une fonctionnalité ES6 .
ES6 est entièrement pris en charge dans tous les navigateurs modernes depuis juin 2017 :
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| Mai 2016 | Avr 2017 | Juin 2017 | Sep 2016 | Juin 2016 |
JavaScript Array findIndex()
La méthode findIndex() renvoie l'index du premier élément du tableau qui passe une fonction de test.
Cet exemple trouve l'index du premier élément qui est supérieur à 18 :
Exemple
const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return value > 18;
} Notez que la fonction prend 3 arguments :
- La valeur de l'élément
- L'index de l'élément
- Le tableau lui-même
Support des navigateurs
findIndex() est une fonctionnalité ES6 .
ES6 est entièrement pris en charge dans tous les navigateurs modernes depuis juin 2017 :
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| Mai 2016 | Avr 2017 | Juin 2017 | Sep 2016 | Juin 2016 |
Méthode JavaScript Array findLast()
ES2023 a ajouté la méthode findLast() qui commence à partir de la fin d'un tableau et renvoie la valeur du premier élément qui satisfait une condition.
Exemple
const temp = [27, 28, 30, 40, 42, 35, 30];
let high = temp.findLast(x => x > 40); Support des navigateurs
findLast() est une fonctionnalité d'ES2023.
JavaScript 2023 est pris en charge dans tous les navigateurs modernes depuis juillet 2023 :
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| Fév 2023 | Fév 2023 | Juil 2023 | Mar 2023 | Mai 2023 |
Méthode JavaScript Array findLastIndex()
La méthode findLastIndex() trouve l'index du dernier élément qui satisfait une condition.
Exemple
const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40); Support des navigateurs
findLastIndex() est une fonctionnalité d'ES2023.
JavaScript 2023 est pris en charge dans tous les navigateurs modernes depuis juillet 2023 :
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| Fév 2023 | Fév 2023 | Juil 2023 | Mar 2023 | Mai 2023 |
Référence complète de JavaScript
Pour une référence complète de toutes les propriétés et méthodes JavaScript, avec des descriptions détaillées et de nombreux exemples, rendez-vous sur :
formation-ti.org' Référence complète de JavaScript .
La référence inclut toutes les mises à jour JavaScript de 1999 à 2025.