Trouver l'index du dernier élément correspondant

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer le concept de recherche de l'index du dernier élément correspondant dans un tableau en utilisant JavaScript. Nous allons apprendre à utiliser les méthodes Array.prototype.map() et Array.prototype.filter() pour filtrer les éléments pour lesquels la fonction fournie renvoie des valeurs fausses, et Array.prototype.pop() pour obtenir le dernier élément du tableau filtré. À la fin de ce laboratoire, vous serez capable de trouver efficacement l'index du dernier élément correspondant dans un tableau en utilisant JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28304{{"Trouver l'index du dernier élément correspondant"}} javascript/data_types -.-> lab-28304{{"Trouver l'index du dernier élément correspondant"}} javascript/arith_ops -.-> lab-28304{{"Trouver l'index du dernier élément correspondant"}} javascript/comp_ops -.-> lab-28304{{"Trouver l'index du dernier élément correspondant"}} javascript/higher_funcs -.-> lab-28304{{"Trouver l'index du dernier élément correspondant"}} end

Comment trouver l'index du dernier élément correspondant dans un tableau en utilisant JavaScript

Pour trouver l'index du dernier élément qui correspond à une certaine condition dans un tableau JavaScript, utilisez la fonction findLastIndex. Voici comment l'utiliser :

const findLastIndex = (arr, fn) =>
  (arr
    .map((val, i) => [i, val])
    .filter(([i, val]) => fn(val, i, arr))
    .pop() || [-1])[0];

La fonction findLastIndex prend deux arguments : le tableau à parcourir et une fonction pour tester chaque élément. Voici comment elle fonctionne :

  1. Utilisez Array.prototype.map() pour créer un nouveau tableau de paires [index, valeur].
  2. Utilisez Array.prototype.filter() pour supprimer les éléments du tableau qui ne correspondent pas à la condition fournie par la fonction fn.
  3. Utilisez Array.prototype.pop() pour obtenir le dernier élément du tableau filtré.
  4. Si le tableau filtré est vide, renvoyez -1.

Voici un exemple d'utilisation de findLastIndex :

findLastIndex([1, 2, 3, 4], (n) => n % 2 === 1); // 2 (index de la valeur 3)
findLastIndex([1, 2, 3, 4], (n) => n === 5); // -1 (valeur par défaut lorsqu'aucun élément n'est trouvé)

Pour commencer à pratiquer la programmation, ouvrez le Terminal/SSH et tapez node.

Sommaire

Félicitations ! Vous avez terminé le laboratoire Recherche de l'index du dernier élément correspondant. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.