首页 > web前端 > js教程 > 如何在客户端将 JavaScript 数组导出到 CSV 文件?

如何在客户端将 JavaScript 数组导出到 CSV 文件?

Barbara Streisand
发布: 2024-12-10 12:09:11
原创
544 人浏览过

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. 创建一个隐藏的 DOM 节点:
var link = document.createElement("a");
登录后复制
  1. 设置下载属性:
link.setAttribute("download", "my_data.csv");
登录后复制
  1. 将节点附加到文档正文:
document.body.appendChild(link);
登录后复制
  1. 点击链接即可发起下载:
link.click();
登录后复制

以上是如何在客户端将 JavaScript 数组导出到 CSV 文件?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板