在客户端将 JavaScript 数组数据导出为 CSV
问题:
如何我将 JavaScript 格式的数据数组导出到客户端上的 CSV 文件
答案:
使用本机 JavaScript,您可以将数据转换为正确的 CSV 格式,其中包括连接行并用逗号分隔它们。以下是分步说明:
1.创建 CSV 内容:
// Assuming an array of arrays const rows = [ ["name1", "city1", "some other info"], ["name2", "city2", "more info"] ]; // Initialize CSV content let csvContent = "data:text/csv;charset=utf-8,"; // Loop through rows and join them with commas rows.forEach((rowArray) => { let row = rowArray.join(","); csvContent += row + "\r\n"; });
2.下载 CSV 文件:
// Encode the CSV content var encodedUri = encodeURI(csvContent); // Open the downloaded window with the encoded URI window.open(encodedUri);
3.指定文件名(可选):
如果您想指定特定文件名,则需要使用不同的方法:
// Create a hidden <a> DOM node var link = document.createElement("a"); // Set download attributes link.setAttribute("href", encodedUri); link.setAttribute("download", "my_data.csv"); // Append to body (required for Firefox) document.body.appendChild(link); // Download the file link.click();
此修改后的方法允许您在本例中将文件名指定为“my_data.csv”。
以上是如何在客户端将 JavaScript 数组导出到 CSV 文件?的详细内容。更多信息请关注PHP中文网其他相关文章!