L'élément le plus long dans un tableau

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'élément le plus long dans un tableau en utilisant JavaScript. Nous utiliserons la méthode reduce() pour comparer la longueur des objets dans un tableau et renvoyer celui qui est le plus long. Ce laboratoire vous donnera une compréhension pratique de la manière de travailler avec les tableaux et les fonctions de haut niveau en 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") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28475{{"L'élément le plus long dans un tableau"}} javascript/data_types -.-> lab-28475{{"L'élément le plus long dans un tableau"}} javascript/arith_ops -.-> lab-28475{{"L'élément le plus long dans un tableau"}} javascript/comp_ops -.-> lab-28475{{"L'élément le plus long dans un tableau"}} javascript/higher_funcs -.-> lab-28475{{"L'élément le plus long dans un tableau"}} javascript/spread_rest -.-> lab-28475{{"L'élément le plus long dans un tableau"}} end

Comment trouver l'élément le plus long dans un tableau

Pour trouver l'élément le plus long dans un tableau, ouvrez le Terminal/SSH et tapez node. La fonction prend un nombre quelconque d'objets itérables ou d'objets possédant une propriété length et renvoie celui qui est le plus long. Elle utilise Array.prototype.reduce() pour comparer la longueur des objets et trouver celui qui est le plus long. Si plusieurs objets ont la même longueur, la fonction renvoie le premier. Si aucun argument n'est fourni, elle renvoie undefined.

Voici le code :

const longestItem = (...vals) =>
  vals.reduce((a, x) => (x.length > a.length ? x : a));

Vous pouvez utiliser la fonction de la manière suivante :

longestItem("this", "is", "a", "testcase"); // 'testcase'
longestItem(...["a", "ab", "abc"]); // 'abc'
longestItem(...["a", "ab", "abc"], "abcd"); // 'abcd'
longestItem([1, 2, 3], [1, 2], [1, 2, 3, 4, 5]); // [1, 2, 3, 4, 5]
longestItem([1, 2, 3], "foobar"); // 'foobar'

Sommaire

Félicitations ! Vous avez terminé le laboratoire Longest Item in Array. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.