Diviser un tableau en fonction de valeurs

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 manière de diviser un tableau en fonction de valeurs données à l'aide de JavaScript. Le laboratoire démontrera comment utiliser la méthode Array.prototype.reduce() et la méthode Array.prototype.push() pour ajouter des éléments à deux groupes, sur la base d'un filtre donné. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière de manipuler les tableaux 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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28171{{"Diviser un tableau en fonction de valeurs"}} javascript/data_types -.-> lab-28171{{"Diviser un tableau en fonction de valeurs"}} javascript/arith_ops -.-> lab-28171{{"Diviser un tableau en fonction de valeurs"}} javascript/comp_ops -.-> lab-28171{{"Diviser un tableau en fonction de valeurs"}} javascript/array_methods -.-> lab-28171{{"Diviser un tableau en fonction de valeurs"}} javascript/higher_funcs -.-> lab-28171{{"Diviser un tableau en fonction de valeurs"}} end

Fonction pour diviser un tableau en deux groupes

Pour utiliser cette fonction pour diviser un tableau en deux groupes en fonction des valeurs, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez la fonction bifurcate(), qui divise les valeurs en deux groupes en fonction du résultat du tableau filter donné.
  3. Pour implémenter la fonction, utilisez Array.prototype.reduce() et Array.prototype.push() pour ajouter des éléments aux groupes, en fonction du tableau filter.
  4. Si filter a une valeur véridique pour un élément quelconque, ajoutez-le au premier groupe ; sinon, ajoutez-le au second groupe.

Voici le code de la fonction bifurcate() :

const bifurcate = (arr, filter) =>
  arr.reduce(
    (acc, val, i) => (acc[filter[i] ? 0 : 1].push(val), acc),
    [[], []]
  );

Vous pouvez appeler la fonction bifurcate() avec un tableau de valeurs et un tableau de filtre correspondant pour diviser les valeurs en deux groupes. Par exemple :

bifurcate(["beep", "boop", "foo", "bar"], [true, true, false, true]);
// [ ['beep', 'boop', 'bar'], ['foo'] ]

Sommaire

Félicitations ! Vous avez terminé le laboratoire Diviser un tableau en fonction de valeurs. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.