使用JavaScript和XLSX.js将数据导出为Excel文件

一、安装

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');