目录

一、安装

XLSX.js是一个JavaScript库，适用于浏览器环境，用来读写Excel文件（.xlsx, .xlsm, .xlsb, .xls, .csv）。它不仅支持数据的导入导出，还能处理单元格、日期格式、图表及图像。要在项目中应用XLSX.js，可通过npm安装或从CDN引入。

<script src="https://cdn.jsdelivr.net/npm/xlsx@0.17.0/dist/xlsx.full.min.js"></script>

二、将数据转换为Excel文件

将数组转换为Excel文件

定义一个包含数据的二维数组tempData，使用XLSX.utils.aoa_to_sheet方法将数据转换为worksheet对象。再创建一个新的workbook对象，并使用XLSX.utils.book_append_sheet方法将worksheet对象添加到workbook中，最后使用XLSX.writeFile方法将workbook导出为Excel文件：

import * as XLSX from "xlsx"const tempData = [ ['John Doe', 30], ['Jane Doe', 25], ['Bob Smith', 40]];// 将数组中的数据转换为一个包含两个属性的对象数组const exportData = this.tempData.map(item => { return { 'Name': item[0],'Age': item[1]}// 将数据转换为 worksheet 对象const worksheet = XLSX.utils.aoa_to_sheet(exportData);// 将 worksheet 对象添加到 workbook 中const workbook = XLSX.utils.book_new();XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');// 导出 Excel 文件XLSX.writeFile(workbook, 'data.xlsx');

如果需要将Excel文件设置尾没有表头，即构造的数据结构没有表头，需要将header选项被设置为0。

// 构造要导出的数据结构,不需要表头 const exportData = this.tempData.map(item => { return [ item[0], item[1] ] }) // 将数据转换为 worksheet 对象 const worksheet = XLSX.utils.aoa_to_sheet(exportData, { header: 0 }); // 将 worksheet 对象添加到 workbook 中 const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1'); // 导出 Excel 文件 XLSX.writeFile(workbook, 'test_read.xlsx');

将JSON对象转换为Excel文件

定义一个包含JSON对象的数组data。使用XLSX.utils.json_to_sheet方法将JSON对象转换为worksheet对象。再创建一个新的workbook对象，并使用XLSX.utils.book_append_sheet方法将worksheet对象添加到workbook中。最后使用XLSX.writeFile方法将workbook导出为Excel文件：

const data = [ { name: 'John Doe', age: 30, gender: 'Male' }, { name: 'Jane Doe', age: 25, gender: 'Female' }, { name: 'Bob Smith', age: 40, gender: 'Male' }];// 将数据转换为 worksheet 对象const worksheet = XLSX.utils.json_to_sheet(data);// 将 worksheet 对象添加到 workbook 中const workbook = XLSX.utils.book_new();XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');// 导出 Excel 文件XLSX.writeFile(workbook, 'data.xlsx');