Mapper des éléments consécutifs

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 la fonction mapConsecutive en JavaScript. Cette fonction nous permet de mapper des éléments consécutifs d'un tableau à l'aide d'une fonction donnée. Nous allons apprendre à utiliser cette fonction pour manipuler les tableaux de manière concise et efficace.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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-28479{{"Mapper des éléments consécutifs"}} javascript/data_types -.-> lab-28479{{"Mapper des éléments consécutifs"}} javascript/arith_ops -.-> lab-28479{{"Mapper des éléments consécutifs"}} javascript/comp_ops -.-> lab-28479{{"Mapper des éléments consécutifs"}} javascript/higher_funcs -.-> lab-28479{{"Mapper des éléments consécutifs"}} end

Fonction pour mapper des éléments consécutifs dans un tableau

Pour commencer à coder, ouvrez le Terminal/SSH et tapez node.

Cette fonction map chaque bloc de n éléments consécutifs dans un tableau, en utilisant la fonction fn donnée. Suivez ces étapes :

  • Utilisez Array.prototype.slice() pour obtenir un nouveau tableau arr avec les premiers n éléments supprimés.
  • Utilisez Array.prototype.map() et Array.prototype.slice() pour appliquer fn à chaque bloc de n éléments consécutifs dans arr.

Voici le code :

const mapConsecutive = (arr, n, fn) =>
  arr.slice(n - 1).map((v, i) => fn(arr.slice(i, i + n)));

Par exemple, vous pouvez utiliser mapConsecutive() pour mapper chaque bloc de 3 éléments consécutifs dans un tableau de nombres, en les joignant avec des tirets :

mapConsecutive([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 3, (x) => x.join("-"));
// ['1-2-3', '2-3-4', '3-4-5', '4-5-6', '5-6-7', '6-7-8', '7-8-9', '8-9-10'];

Résumé

Félicitations ! Vous avez terminé le laboratoire sur la mise en correspondance d'éléments consécutifs. Vous pouvez pratiquer d'autres laboratoires dans LabEx pour améliorer vos compétences.