CSV in ein Array umwandeln

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir untersuchen, wie man CSV-Daten (comma-separated values) in einem 2D-Array mit JavaScript umwandelt. Wir werden die CSVToArray()-Funktion verwenden, die einen CSV-String als Eingabe nimmt und ihn in ein Array von Arrays umwandelt. Dieses Lab wird Ihnen helfen, zu verstehen, wie man mit CSV-Daten umgeht und sie mit JavaScript manipuliert.


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-28229{{"CSV in ein Array umwandeln"}} javascript/data_types -.-> lab-28229{{"CSV in ein Array umwandeln"}} javascript/arith_ops -.-> lab-28229{{"CSV in ein Array umwandeln"}} javascript/comp_ops -.-> lab-28229{{"CSV in ein Array umwandeln"}} javascript/higher_funcs -.-> lab-28229{{"CSV in ein Array umwandeln"}} end

Umwandeln von CSV in ein Array

Um einen comma-separated values (CSV)-String in ein 2D-Array umzuwandeln, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um zu beginnen zu codieren.
  2. Verwenden Sie Array.prototype.indexOf(), um das erste Zeilenumbruchzeichen (\n) zu finden.
  3. Verwenden Sie Array.prototype.slice(), um die erste Zeile (Titelzeile) zu entfernen, wenn omitFirstRow auf true gesetzt ist.
  4. Verwenden Sie String.prototype.split(), um für jede Zeile einen String zu erstellen.
  5. Verwenden Sie String.prototype.split(), um die Werte in jeder Zeile mit dem angegebenen Delimiter zu trennen.
  6. Wenn Sie den zweiten Parameter Delimiter nicht angeben, wird das Standard-Delimiter ',' verwendet.
  7. Wenn Sie den dritten Parameter omitFirstRow nicht angeben, wird die erste Zeile (Titelzeile) des CSV-Strings enthalten sein.

Hier ist der Code, um CSV in ein Array umzuwandeln:

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

Sie können die folgenden Beispiele verwenden, um die Funktion zu testen:

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']];

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "CSV to Array" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.