CSV en 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 convertir des données au format valeurs séparées par des virgules (CSV) en un tableau 2D à l'aide de JavaScript. Nous utiliserons la fonction CSVToArray() qui prend une chaîne CSV en entrée et la convertit en un tableau de tableaux. Ce laboratoire vous aidera à comprendre comment travailler avec les données CSV et à les manipuler à l'aide de 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") subgraph Lab Skills javascript/variables -.-> lab-28229{{"CSV en tableau"}} javascript/data_types -.-> lab-28229{{"CSV en tableau"}} javascript/arith_ops -.-> lab-28229{{"CSV en tableau"}} javascript/comp_ops -.-> lab-28229{{"CSV en tableau"}} javascript/higher_funcs -.-> lab-28229{{"CSV en tableau"}} end

Conversion d'un CSV en un tableau

Pour convertir une chaîne de caractères au format valeurs séparées par des virgules (CSV) en un tableau 2D, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à coder.
  2. Utilisez Array.prototype.indexOf() pour localiser le premier caractère de nouvelle ligne (\n).
  3. Utilisez Array.prototype.slice() pour supprimer la première ligne (ligne de titre) si omitFirstRow est défini sur true.
  4. Utilisez String.prototype.split() pour créer une chaîne pour chaque ligne.
  5. Utilisez String.prototype.split() pour séparer les valeurs dans chaque ligne en utilisant le délimiteur fourni.
  6. Si vous ne fournissez pas le deuxième argument, délimiteur, le délimiteur par défaut ',' sera utilisé.
  7. Si vous ne fournissez pas le troisième argument, omitFirstRow, la première ligne (ligne de titre) de la chaîne CSV sera incluse.

Voici le code pour convertir un CSV en un tableau :

const CSVToArray = (data, delimiter = ",", omitFirstRow = false) =>
  data
    .slice(omitFirstRow ? data.indexOf("\n") + 1 : 0)
    .split("\n")
    .map((v) => v.split(delimiter));

Vous pouvez utiliser les exemples suivants pour tester la fonction :

CSVToArray("a,b\nc,d"); // [['a', 'b'], ['c', 'd']];
CSVToArray("a;b\nc;d", ";"); // [['a', 'b'], ['c', 'd']];
CSVToArray("col1,col2\na,b\nc,d", ",", true); // [['a', 'b'], ['c', 'd']];

Sommaire

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