JavaScript で 2 次元配列を CSV に変換する

はじめに

この実験では、JavaScript を使って 2 次元配列をカンマ区切り値 (CSV) 文字列に変換する方法を探ります。この実験では、Array.prototype.map() と Array.prototype.join() を使って 2 次元配列から CSV 文字列を作成するプロセスを案内します。実験が終わるとき、JavaScript を使って配列を CSV 文字列に変換する方法を十分に理解しているでしょう。

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{{"配列を CSV に変換する"}} javascript/data_types -.-> lab-28157{{"配列を CSV に変換する"}} javascript/arith_ops -.-> lab-28157{{"配列を CSV に変換する"}} javascript/comp_ops -.-> lab-28157{{"配列を CSV に変換する"}} javascript/higher_funcs -.-> lab-28157{{"配列を CSV に変換する"}} javascript/template_lit -.-> lab-28157{{"配列を CSV に変換する"}} end

2 次元配列を CSV に変換する

2 次元配列をカンマ区切り値 (CSV) 文字列に変換するには、次の手順に従います。

ターミナル/SSH を開き、コーディングを練習するために node と入力します。
提供された 区切り文字 を使用して、個々の 1 次元配列 (行) を文字列に結合するために Array.prototype.map() と Array.prototype.join() を使用します。
各行を改行 (\n) で区切って、すべての行を CSV 文字列に結合するために Array.prototype.join() を使用します。
既定の区切り文字 , を使用する場合は、2 番目の引数 区切り文字 を省略します。

以下はコードの例です。

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

次のコード行を実行することで関数をテストできます。

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'

まとめ

おめでとうございます！あなたは配列を CSV に変換する実験を完了しました。あなたのスキルを向上させるために、LabEx でさらに多くの実験を練習できます。