js-xlsx 导出json数据到excel

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>JS-XLSX Demo</title>
    <script type="text/javascript" src='./libs/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
公众号