[email protected]' }, { name:'炮灰乙', phone:'123456789', email:'[email protected]' }, { name:'...">

当前位置：网站首页>js将json数组导出为excel

js将json数组导出为excel

2022-07-16 18:48:00 【spring-java】

1、定义函数

const jsonData = [
    {
        name:'路人甲',
        phone:'123456789',
        email:'[email protected]'
    },
    {
        name:'炮灰乙',
        phone:'123456789',
        email:'[email protected]'
    },
    {
        name:'土匪丙',
        phone:'123456789',
        email:'[email protected]'
    },
    {
        name:'流氓丁',
        phone:'123456789',
        email:'[email protected]'
    },
];

/**
 * 导出 json 数据为 Excle 表格
 * @param {json} data 要导出的 json 数据 
 * @param {String} head 表头, 可选 参数示例：'名字,邮箱,电话'
 * @param {*} name 导出的文件名, 可选
 */
function jsonToExcel(data, head, name = '导出的文件名') {
    let str = head ? head + '\n' : '';
    data.forEach(item => {
    	// 拼接json数据, 增加 \t 为了不让表格显示科学计数法或者其他格式
        for(let key in item) {
            str = `${str + item[key] + '\t'},`
        }
        str += '\n'
    });
    console.log(str)
    // encodeURIComponent解决中文乱码
    const uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
     // 通过创建a标签实现
     const link = document.createElement("a");
     link.href = uri;
     // 对下载的文件命名
     link.download =  `${name + '.csv'}`;
     link.click();
}

2、调用

jsonToExcel(jsonData, "姓名,电话,邮箱")
原网站

版权声明
本文为[spring-java]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_41463944/article/details/125760006

边栏推荐

猜你喜欢

随机推荐