JavaScript 中导出 excel 文件的方法:使用 filesaver.JS 库:通过安装库、设置数据、创建工作表和导出工作表实现数据导出。使用 exceljs 库:安装库后创建工作簿、添加工作表、填充数据和导出工作簿以导出数据。
如何使用 JavaScript 导出 Excel 文件
概述
在 JavaScript 中,有几种方法可以将数据导出为 Excel 文件。这篇文章将介绍两种最常用和最简单的技术:FileSaver.js 库和 ExcelJS。
使用 FileSaver.js 库
- 安装 FileSaver.js:使用 npm(Node.js 包管理器)安装库:
npm install file-saver --save
- 设置数据:将要导出的数据存储在 JavaScript 数组或对象中。
- 创建工作表:使用 XLSX.utils.table_to_book 函数将数据转换为 XLSX 工作表对象。
- 导出工作表:使用 XLSX.writeFile 函数将工作表导出为 Excel 文件。
import { writeFile } from 'xlsx'; import * as fs from 'fs'; const data = [['姓名', '年龄'], ['张三', 20]]; const ws = XLSX.utils.table_to_book({ sheet: data }); writeFile(ws, '导出.xlsx');
使用 ExcelJS 库
- 安装 ExcelJS:使用 npm 安装库:
npm install exceljs --save
- 创建工作簿:创建 ExcelJS 工作簿对象。
- 添加工作表:向工作簿中添加一个新工作表。
- 填充数据:将要导出的数据填充到工作表中。
- 导出工作簿:使用 workbook.xlsx.writeBuffer 函数将工作簿导出为二进制数据,然后将其保存为 Excel 文件。
import { Workbook } from 'exceljs'; const workbook = new Workbook(); const worksheet = workbook.addWorksheet('Sheet1'); worksheet.addRow(['姓名', '年龄']); worksheet.addRow(['张三', 20]); const data = (await workbook.xlsx.writeBuffer()).toString('binary'); fs.writeFileSync('导出.xlsx', data, 'binary');