使用 JavaScript 导入和导出 Excel

在Web开发中，导入和导出Excel文件是一项常见的任务。JavaScript提供了一些工具和库，使我们能够轻松地实现这一功能。本文将介绍如何使用JavaScript导入和导出Excel文件，并提供一些有关导入和导出过程的额外信息。

导入Excel

要导入Excel文件，我们需要使用一些JavaScript库来解析Excel数据。下面是一个使用 SheetJS 库的例子：

// 导入SheetJS库
import XLSX from 'xlsx';

// 选择Excel文件
const fileInput = document.getElementById('excel-file');

// 监听文件选择事件
fileInput.addEventListener('change', function(event) {
  const file = event.target.files[0];

  // 创建FileReader实例来读取文件
  const reader = new FileReader();

  reader.onload = function(event) {
    const data = new Uint8Array(event.target.result);
    const workbook = XLSX.read(data, {type: 'array'});

    // 获取第一个工作表
    const worksheet = workbook.Sheets[workbook.SheetNames[0]];

    // 将工作表数据转换为JSON格式
    const jsonData = XLSX.utils.sheet_to_json(worksheet);

    // 使用导入的数据进行后续操作
    console.log(jsonData);
  };

  // 读取文件数据
  reader.readAsArrayBuffer(file);
});

上述代码片段首先导入了SheetJS库，然后监听了文件选择事件。当用户选择Excel文件后，通过FileReader实例读取文件内容，并使用XLSX库将内容解析为JSON格式。最后，我们可以使用导入的数据进行我们需要的后续操作。

导出Excel

要导出数据为Excel文件，我们也可以使用SheetJS库。以下是一个导出Excel文件的示例：

// 导入SheetJS库
import XLSX from 'xlsx';

// 创建工作簿
const workbook = XLSX.utils.book_new();

// 创建工作表
const worksheet = XLSX.utils.json_to_sheet([
  { Name: 'John', Age: 30 },
  { Name: 'Jane', Age: 28 },
  { Name: 'Sam', Age: 35 }
]);

// 将工作表添加到工作簿
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');

// 导出Excel文件
XLSX.writeFile(workbook, 'data.xlsx');

上述代码片段首先导入了SheetJS库，并创建了一个工作簿和工作表。然后，我们将数据以JSON格式添加到工作表中，并将工作表添加到工作簿中。最后，我们通过调用XLSX.writeFile函数将工作簿导出为Excel文件。

结论

通过使用JavaScript库，我们可以轻松地导入和导出Excel文件。这对于处理和分析大量数据非常有用。希望本文对你有所帮助！

GitHub地址：用 JavaScript 导入和导出 Excel

本文来自极简博客，作者：暗夜行者，转载请注明原文链接：使用 JavaScript 导入和导出 Excel