Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel

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 travailler sur un défi de programmation JavaScript qui implique la manipulation d'ensembles d'éléments (arrays). L'objectif de ce laboratoire est d'écrire une fonction qui supprime des éléments de la fin d'un tableau jusqu'à ce qu'une condition spécifique soit remplie, et renvoie les éléments supprimés. Vous utiliserez diverses méthodes de tableaux JavaScript et une fonction de rappel pour résoudre ce défi.


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/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28641{{"Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel"}} javascript/data_types -.-> lab-28641{{"Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel"}} javascript/arith_ops -.-> lab-28641{{"Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel"}} javascript/comp_ops -.-> lab-28641{{"Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel"}} javascript/cond_stmts -.-> lab-28641{{"Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel"}} javascript/loops -.-> lab-28641{{"Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel"}} javascript/spread_rest -.-> lab-28641{{"Suppression d'éléments d'un tableau à l'aide d'une fonction de rappel"}} end

Suppression d'éléments d'un tableau à partir de la fin jusqu'à ce qu'une condition soit remplie

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

Voici une fonction qui supprime des éléments de la fin d'un tableau jusqu'à ce que la fonction passée renvoie false. Elle renvoie ensuite les éléments supprimés.

Pour l'utiliser, créez une copie inversée du tableau à l'aide de l'opérateur de propagation (...) et de Array.prototype.reverse(). Ensuite, bouclez sur la copie inversée à l'aide d'une boucle for...of sur Array.prototype.entries() jusqu'à ce que la valeur renvoyée par la fonction soit fausse.

La fonction de rappel, fn, accepte un seul argument qui est la valeur de l'élément. Enfin, renvoyez les éléments supprimés à l'aide de Array.prototype.slice().

const takeRightWhile = (arr, fn) => {
  for (const [i, val] of [...arr].reverse().entries())
    if (!fn(val)) return i === 0 ? [] : arr.slice(-i);
  return arr;
};

Voici un exemple d'utilisation de la fonction :

takeRightWhile([1, 2, 3, 4], (n) => n >= 3); // [3, 4]

Sommaire

Félicitations ! Vous avez terminé le laboratoire Suppression d'éléments d'un tableau à partir de la fin jusqu'à ce que la condition soit remplie. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.