クライアント側で JavaScript 配列データを CSV ファイルにエクスポートするにはどうすればよいですか?

JavaScript 配列データの CSV へのエクスポート (クライアント側)

JavaScript 配列から CSV 形式へのデータのエクスポートは、さまざまなシナリオで役立つタスクです。これをクライアント側で実現するための包括的な方法を次に示します。

データを CSV 形式に解析する

まず、配列の配列を正しい CSV 形式に変換します。これには、データの各行をカンマで結合し、新しい行を使用して行を区切ることが含まれます。例:

const rows = [
  ["name1", "city1", "some other info"],
  ["name2", "city2", "more info"]
];

let csvContent = "data:text/csv;charset=utf-8,";

rows.forEach(function (rowArray) {
  let row = rowArray.join(",");
  csvContent += row + "\r\n";
});

または、アロー関数を使用:

let csvContent = "data:text/csv;charset=utf-8," 
    + rows.map(e => e.join(",")).join("\n");

CSV ファイルをダウンロード

次に、JavaScript の window.open とファイルをトリガーする encodeURI 関数ダウンロード:

var encodedUri = encodeURI(csvContent);
window.open(encodedUri);

カスタム ファイル名 (オプション)

カスタム ファイル名を指定するには、次の方法を使用します:

var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "my_data.csv");
document.body.appendChild(link); // Required for FF

link.click(); // This will download the data file named "my_data.csv".

以上がクライアント側で JavaScript 配列データを CSV ファイルにエクスポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。