首頁 > web前端 > js教程 > 如何在客戶端將 JavaScript 陣列匯出到 CSV 檔案?

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

Barbara Streisand
發布: 2024-12-10 12:09:11
原創
553 人瀏覽過

How to Export a JavaScript Array to a CSV File on the Client-Side?

在客戶端將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");
登入後複製
  1. 使用CSV 內容創建數據URI:
const csvContent = "data:text/csv;charset=utf-8," + encodedCsvData;
登入後複製
  1. 開啟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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板