2024年最新js 实现纯前端将数据导出excel两种方式,亲测有效,关于网络优化你必须要知道的重点

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验,干货满满呀!如果你能够一直坚持看到这儿,那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动,或者直接进入你的收藏夹里吃灰,那么我写这篇文章就没多大意义了。所以看完之后,还是多多行动起来吧!

可以非常负责地说,如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话,那么你就至少已经达到了中级开发工程师以上的水平,进入大厂技术这块是基本没有什么问题的了。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

phone:‘123456’,

email:‘123@123456.com’

},

{

name:‘土匪丙’,

phone:‘123456’,

email:‘123@123456.com’

},

{

name:‘流氓丁’,

phone:‘123456’,

email:‘123@123456.com’

},

]

// 列标题

let str = ‘姓名电话邮箱’;

// 循环遍历,每行加入tr标签,每个单元格加td标签

for(let i = 0 ; i < jsonData.length ; i++ ){

str+=‘’;

for(const key in jsonData[i]){

// 增加\t为了不让表格显示科学计数法或者其他格式

str+=<td>${ jsonData[i][key] + '\t'}</td>;

}

str+=‘’;

}

// Worksheet名

const worksheet = ‘Sheet1’

const uri = ‘data:application/vnd.ms-excel;base64,’;

// 下载的表格模板数据

const template = `<html xmlns:o=“urn:schemas-microsoft-com🏢office”

xmlns:x=“urn:schemas-microsoft-com🏢excel”

xmlns=“http://www.w3.org/TR/REC-html40”>

<x:Name>${worksheet}</x:Name>

<x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>

</x:ExcelWorksheets></x:ExcelWorkbook><![endif]–>

${str}
`;

// 下载模板

window.location.href = uri + base64(template);

};

// 输出base64编码

const base64 = s => window.btoa(unescape(encodeURIComponent(s)));

方法二

通过将json遍历进行字符串拼接,将字符串输出到csv文件,代码如下

使用a标签方式将json导出csv文件

导出

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值