将 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中文网其他相关文章!