如何在客戶端將 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中文網其他相關文章！