纯前端使用JavaScript数组导出Excel文件

在前端开发中，有时候我们需要将数据以Excel文件的形式导出供用户下载。虽然服务器端通常负责处理文件下载和数据导出，但在某些情况下，我们可能希望在纯前端环境中完成这一任务。以下是一个使用JavaScript数组和xlsx库来生成和导出Excel文件的示例。

首先，确保在项目中安装了xlsx库。如果尚未安装，可以通过以下命令使用npm进行安装：

npm install xlsx

接下来，我们将使用一个包含数据的简单数组来演示如何导出Excel文件。

// 假设我们有一个包含数据的数组
const dataArray = [
  ['姓名', '年龄', '职业'],
  ['张三', 25, '工程师'],
  ['李四', 30, '设计师'],
  ['王五', 35, '经理']
];

接下来，我们将使用xlsx库将数组转换为可下载的Excel文件。

首先，我们需要创建一个worksheet对象，该对象表示Excel工作表。我们可以使用XLSX.utils.json_to_sheet方法将数据数组转换为worksheet对象。

const worksheet = XLSX.utils.json_to_sheet(dataArray);

接下来，我们将创建一个workbook对象，该对象表示整个Excel工作簿。我们将使用XLSX.utils.book_new方法创建一个新的工作簿，并使用XLSX.utils.book_append_sheet方法将worksheet添加到工作簿中。

const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

最后，我们将使用XLSX.writeFile方法将workbook对象转换为可下载的Excel文件。该方法将返回一个Blob对象，我们可以使用URL.createObjectURL方法创建一个可下载的链接。

XLSX.writeFile(workbook, 'data.xlsx');

完整的代码如下所示：

// 假设我们有一个包含数据的数组
const dataArray = [
  ['姓名', '年龄', '职业'],
  ['张三', 25, '工程师'],
  ['李四', 30, '设计师'],
  ['王五', 35, '经理']
];
// 将数据数组转换为worksheet对象
const worksheet = XLSX.utils.json_to_sheet(dataArray);
// 创建新的工作簿和工作表
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
// 将workbook对象转换为可下载的Excel文件
XLSX.writeFile(workbook, 'data.xlsx');

现在，当您运行此代码时，它将生成一个名为“data.xlsx”的Excel文件，其中包含在dataArray数组中定义的数据。用户可以点击下载链接来保存该文件到本地。请注意，生成的Excel文件将保存在运行代码的同一目录中。