Array in CSV 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 JavaScript verwendet, um eine zweidimensionale Array in einen durch Kommas getrennten Wert (CSV)-String umzuwandeln. Das Lab führt Sie durch den Prozess der Verwendung von Array.prototype.map() und Array.prototype.join() zum Erstellen eines CSV-Strings aus einem zweidimensionalen Array. Am Ende des Labs werden Sie eine solide Vorstellung davon haben, wie man Arrays in CSV-Strings mit JavaScript umwandelt.


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") javascript/AdvancedConceptsGroup -.-> javascript/template_lit("Template Literals") subgraph Lab Skills javascript/variables -.-> lab-28157{{"Array in CSV umwandeln"}} javascript/data_types -.-> lab-28157{{"Array in CSV umwandeln"}} javascript/arith_ops -.-> lab-28157{{"Array in CSV umwandeln"}} javascript/comp_ops -.-> lab-28157{{"Array in CSV umwandeln"}} javascript/higher_funcs -.-> lab-28157{{"Array in CSV umwandeln"}} javascript/template_lit -.-> lab-28157{{"Array in CSV umwandeln"}} end

Zwei-dimensionales Array in CSV umwandeln

Um ein zweidimensionales Array in einen durch Kommas getrennten Wert (CSV)-String umzuwandeln, führen Sie die folgenden Schritte aus:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
  2. Verwenden Sie Array.prototype.map() und Array.prototype.join(), um einzelne eindimensionale Arrays (Zeilen) zu Strings zusammenzufügen, wobei der bereitgestellte delimiter verwendet wird.
  3. Verwenden Sie Array.prototype.join(), um alle Zeilen zu einem CSV-String zusammenzufügen, wobei jede Zeile durch eine neue Zeile (\n) getrennt wird.
  4. Wenn Sie den Standardtrennzeichen , verwenden möchten, können Sie das zweite Argument delimiter weglassen.

Hier ist ein Beispiel für den Code:

const arrayToCSV = (arr, delimiter = ",") =>
  arr
    .map((v) =>
      v
        .map((x) => (isNaN(x) ? `"${x.replace(/"/g, '""')}"` : x))
        .join(delimiter)
    )
    .join("\n");

Sie können die Funktion testen, indem Sie die folgenden Codezeilen ausführen:

arrayToCSV([
  ["a", "b"],
  ["c", "d"]
]); // '"a","b"\n"c","d"'
arrayToCSV(
  [
    ["a", "b"],
    ["c", "d"]
  ],
  ";"
); // '"a";"b"\n"c";"d"'
arrayToCSV([
  ["a", '"b" great'],
  ["c", 3.1415]
]);
// '"a","""b"" great"\n"c",3.1415'

Zusammenfassung

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