Recherche de tableau JavaScript

Méthodes de recherche et de recherche dans les tableaux

• Array indexOf()
• Array lastIndexOf()
• Array includes()
• Array find()
• Array findIndex()
• Array findLast()
• Array findLastIndex()

Veuillez également consulter :

• Méthodes de base
• Méthodes de tri
• Méthodes itératives

JavaScript Array indexOf()

indexOf() La méthode recherche une valeur d'élément dans le tableau et retourne sa position.

Attention :La position du premier élément est 0, la position du deuxième élément est 1, etc.

Exemple

Recherche de l'élément "Apple" dans le tableau :

const fruits = ["Apple", "Orange", "Apple", "Mangue"];
let position = fruits.indexOf("Apple") + 1;

Essayez-le vous-même

la syntaxe

array.indexOf(item, start)

Valeur de retour :

• Retourne -1 si l'élément n'est pas trouvé.
• Retourne la position de la première apparition de l'élément si il apparaît plusieurs fois.

JavaScript Array lastIndexOf()

lastIndexOf() Méthode similaire à indexOf() Identique, mais retourne la dernière position de l'élément spécifié.

Exemple

Recherche de l'élément "Apple" dans le tableau :

const fruits = ["Apple", "Orange", "Apple", "Mangue"];
let position = fruits.lastIndexOf("Apple") + 1;

Essayez-le vous-même

la syntaxe

array.lastIndexOf(item, start)

JavaScript Array includes()

ECMAScript 2016 a introduit Array.includes() Méthode. Elle 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", "Apple", "Mangue"];
fruits.includes("Mango"); // retourne true

Essayez-le vous-même

la syntaxe

array.includes(search-item)

search-item：l'élément à chercher.

Attention :includes() peut vérifier les valeurs NaN, tandis que indexOf() ne peut pas.

Compatibilité navigateur

includes() est ECMAScript 2016 de caractéristique.

Depuis mars 2017, tous les navigateurs modernes prennent en charge ES2016 :

Internet Explorer ne prend pas en charge includes().

JavaScript Array find()

find() La méthode retourne la valeur du premier élément du tableau qui passe le test de la fonction.

Exemple

Trouver l'élément premier supérieur à 18 :

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Essayez-le vous-même

Attention :La fonction accepte 3 paramètres :

• la valeur de l'élément
• l'index de l'élément
• l'objet tableau

Compatibilité navigateur

find() C'est une caractéristique de ES6 (JavaScript 2015).

Depuis juin 2017, tous les navigateurs modernes prennent en charge ES6 :

Internet Explorer ne prend pas en charge find().

JavaScript Array findIndex()

findIndex() La méthode retourne l'index du premier élément du tableau qui passe le test de la fonction.

Exemple

Trouver l'index du premier élément supérieur à 18 :

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Essayez-le vous-même

Attention :La fonction accepte 3 paramètres :

• la valeur de l'élément
• l'index de l'élément
• l'objet tableau

Compatibilité navigateur

findIndex() C'est une caractéristique de ES6 (JavaScript 2015).

Depuis juin 2017, tous les navigateurs modernes prennent en charge ES6 :

Internet Explorer ne prend pas en charge findIndex().

JavaScript Array findLast()

ES2023 a ajouté findLast() La méthode, qui commence par la fin du tableau et retourne la valeur du premier élément satisfaisant les conditions.

Exemple

const temp = [27, 28, 30, 40, 42, 35, 30];
let high = temp.findLast(x => x > 40);

Essayez-le vous-même

Compatibilité navigateur

findLast() C'est une fonctionnalité de ES2023.

Depuis juillet 2023, tous les navigateurs modernes prennent en charge :

Méthode findLastIndex() de tableau JavaScript

findLastIndex() Cette méthode trouve l'index du dernier élément satisfaisant les conditions.

Exemple

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

Essayez-le vous-même

Compatibilité navigateur

findLastIndex() C'est une fonctionnalité de ES2023.

Depuis juillet 2023, tous les navigateurs modernes prennent en charge :

Manuel de référence complet des tableaux

Pour une référence complète des tableaux, veuillez consulter :Manuel de référence des tableaux JavaScript.

Ce manuel contient des descriptions et des exemples de toutes les propriétés et méthodes des tableaux.