js-xlsx 导出json数据到excel

本文将使用js-xlsx将javascript中的json数据导出到excel表格中。

本实例将定义一个 data 的二维数组,然后使用 xlsx 库将数据导出到 excel 中。实例代码如下:

示例:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-XLSX Demo</title>
    <script src="https://www.hxstrive.com/cdn/libs/SheetJS/0.18.12/xlsx.full.min.js"></script>
</head>
<body>
 
<p>使用JS导出Excel表,将JS中定义的数组中的内容导入到一个Excel文件中</p>
<p>
    <button onclick="exportExcel()">导出Excel</button>
</p>
 
<script type="text/javascript">
 
function exportExcel() {
    // Excel文件名称
    var filename = "write_num.xlsx";
 
    // 数据格式
    var data = [
        ["编号", "名称", "价格", "日期"],
        [1, "《Java架构师》", "¥78.5", "2018-10-11"],
        [2, "《Python入门到精通》", "¥65.3", "2019-03-22"],
        [3, "《JavaScript高级教程》", "¥89.4", "2017-04-13"],
    ];
     
    // 创建工作簿和工作表
    var wb = XLSX.utils.book_new(), // 工作簿,即一个Excel文件
        ws = XLSX.utils.aoa_to_sheet(data); // 工作表,即Excel内部的工作表
     
    // "SheetJS" 为工作表名称,即Excel文件中工作表
    XLSX.utils.book_append_sheet(wb, ws, "SheetJS");
 
    // 写出Excel工作簿
    XLSX.writeFile(wb, filename);
}
 
</script>
</body>
</html>

👉自己动手试一试 »

运行该 demo 的效果图如下:

js-xlsx 导出json数据到excel

点击“导出Excel”按钮导出数据到 excel 表格中。如下图:

js-xlsx 导出json数据到excel

谁不会休息,谁就不会工作。 —— 列宁
0 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
其他应用
公众号