# javascript实现纯前端将数据导出excel两种方式 > 作者/来源: UCloud 运营管理员 > 发布时间: 2022-09-15T14:30:00.000Z > 分类: 其他 > 标签: AI, Java, 前端 > 原文链接: http://117.50.162.249:3000/yun/articles/2541 --- # javascript实现纯前端将数据导出excel两种方式 > 来源: https://www.ucloud.cn/yun/127741.html > 作者: 3403771864 > 发布日期: 发布于2022-09-15 22:30 javascript实现纯前端将数据导出excel是有两种方式，现在就为大家介绍：　　方法一　　将table标签，包括tr、td等对json数据进行拼接，直接在table的表格上体现出，但此方法的弊端在于输出的是伪excel，即使是生成xls为后缀的文件，可文件形式上还是html， **代码如下：** ``` 　　　　　　使用table标签方式将json导出xls文件

　　导出　　　　　　　　　　 ``` 　　导出的文件后缀是xls，用office打开的时候不太友好。现在就说说第二种方式吧。　　方法二 **通过将json遍历进行字符串拼接，将字符串输出到csv文件，代码如下：** ``` 　　　　　　使用a标签方式将json导出csv文件

　　导出　　　　　　　　　　 ``` 　　上边的两段代码复制即可用。上述就是javascript实现纯前端将数据导出excel两种方式全部内容，希望大家可以学习带更多。