Extraire des valeurs correspondantes d'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 la manière de extraire des valeurs correspondantes d'un tableau et de retourner les éléments supprimés. Nous apprendrons à utiliser les méthodes Array.prototype.filter(), Array.prototype.includes() et Array.prototype.push() pour filtrer les valeurs spécifiées dans le tableau de tirage et modifier le tableau original. À 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/obj_manip("Object Manipulation") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28560{{"Extraire des valeurs correspondantes d'un tableau"}} javascript/data_types -.-> lab-28560{{"Extraire des valeurs correspondantes d'un tableau"}} javascript/arith_ops -.-> lab-28560{{"Extraire des valeurs correspondantes d'un tableau"}} javascript/comp_ops -.-> lab-28560{{"Extraire des valeurs correspondantes d'un tableau"}} javascript/obj_manip -.-> lab-28560{{"Extraire des valeurs correspondantes d'un tableau"}} javascript/higher_funcs -.-> lab-28560{{"Extraire des valeurs correspondantes d'un tableau"}} end

Comment extraire des valeurs correspondantes d'un tableau

Pour extraire des valeurs spécifiques d'un tableau à l'aide de JavaScript, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez Array.prototype.filter() et Array.prototype.includes() pour filtrer les valeurs non nécessaires et créer un nouveau tableau.
  3. Définissez Array.prototype.length pour modifier le tableau original en réinitialisant sa longueur à 0.
  4. Utilisez Array.prototype.push() pour repopuler le tableau original avec seulement les valeurs extraites.
  5. Utilisez Array.prototype.push() pour suivre les valeurs supprimées dans un nouveau tableau.

Voici une fonction d'exemple qui met en œuvre ces étapes :

const pullAtValue = (arr, pullArr) => {
  let removed = [],
    pushToRemove = arr.forEach((v, i) =>
      pullArr.includes(v) ? removed.push(v) : v
    ),
    mutateTo = arr.filter((v, i) => !pullArr.includes(v));
  arr.length = 0;
  mutateTo.forEach((v) => arr.push(v));
  return removed;
};

Vous pouvez utiliser cette fonction pour supprimer des valeurs spécifiques d'un tableau et retourner les éléments supprimés comme ceci :

let myArray = ["a", "b", "c", "d"];
let pulled = pullAtValue(myArray, ["b", "d"]);
// myArray = [ 'a', 'c' ], pulled = [ 'b', 'd' ]

Sommaire

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