美文网首页
js导出csv

js导出csv

作者: xueyueshuai | 来源:发表于2022-09-07 13:48 被阅读0次
const tableToExcel = () => {
    // 要导出的json数据
    const jsonData = [
        {
            name: '路人甲',
            phone: '123456789',
            email: '000@123456.com'
        },
        {
            name: '炮灰乙',
            phone: '123456789',
            email: '000@123456.com'
        },
        {
            name: '土匪丙',
            phone: '123456789',
            email: '000@123456.com'
        },
        {
            name: '流氓丁',
            phone: '123456789',
            email: '000@123456.com'
        },
    ];
    // 列标题,逗号隔开,每一个逗号就是隔开一个单元格
    let str = `姓名,电话,邮箱\n`;
    // 增加\t为了不让表格显示科学计数法或者其他格式
    for (let i = 0; i < jsonData.length; i++) {
        for (const key in jsonData[i]) {
            str += `${jsonData[i][key] + '\t'},`;
        }
        str += '\n';
    }
    // encodeURIComponent解决中文乱码
    const uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
    // 通过创建a标签实现
    const link = document.createElement("a");
    link.href = uri;
    // 对下载的文件命名
    link.download = "json数据表.csv";
    link.click();
}

相关文章

网友评论

      本文标题:js导出csv

      本文链接:https://www.haomeiwen.com/subject/qcsgnrtx.html