如何在客戶端將 JavaScript 陣列匯出到 CSV 檔案？

在客戶端將JavaScript 陣列匯出為CSV

問題：

如何使用JavaScript 匯出陣列資料如[[ "name1", "city_name1", ...]["name2", "city_name2", ...]，到客戶端的 CSV 檔案？

答案：

使用本機 JavaScript：

1. 將數組數據解析為正確的CSV格式：

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

或

csvContent += rows.map(e => e.join(",")).join("\n");

2. 使用CSV 內容創建數據URI：

const csvContent = "data:text/csv;charset=utf-8," + encodedCsvData;

3. 開啟CSV檔案下載：

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

自訂CSV 檔案名稱：

為CSV 檔案指定自訂名稱：

1. 為CSV 檔案指定自訂名稱：

var link = document.createElement("a");

創建一個隱藏的 DOM節點：

link.setAttribute("download", "my_data.csv");

設定下載屬性：

document.body.appendChild(link);

將節點附加到文件正文：

link.click();

點選連結即可啟動下載：

以上是如何在客戶端將 JavaScript 陣列匯出到 CSV 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！