如何使用JavaScript读取Excel文件中的数据？

如何使用JavaScript读取Excel文件中的数据？ – 终极指南

小蓝 • 2024-12-25 14:07 • 编程

一、选择合适的库

读取Excel文件需要用到专门的库，我们需要根据需求选择合适的库。其中，最常用的有两个库：

1、Sheet.js：一个强大的JavaScript库，可读取和编写各种类型的电子表格文件。

2、xlsx.js：基于Sheet.js的改进版本，支持更多类型的文件和更好的性能。

下面以xlsx.js为例，介绍如何使用它来读取Excel文件。

二、读取文件

在使用xlsx.js读取Excel文件前，需要先选择一个Excel文件，可以使用标签来选择文件。其中accept=”.xlsx”可以限制上传的文件类型为xlsx。

function handleFile(files) {
  var fileReader = new FileReader();
  fileReader.onload = function (event) {
    var data = event.target.result;
    var workbook = XLSX.read(data, { type: 'binary' });
    /* do something with workbook */
  };
  fileReader.readAsBinaryString(files[0]);
}

代码中，通过FileReader读取Excel文件，将Excel文件转换成二进制流的形式，然后使用XLSX.read()方法将数据解析成工作簿(workbook)对象。

三、解析工作表

读取工作簿对象后，我们需要解析其中的工作表(sheet)来获取数据。可以通过以下代码获取工作簿中的第一个工作表：

var worksheet = workbook.Sheets[workbook.SheetNames[0]];

有了工作表对象后，我们可以使用XLSX.utils.sheet_to_json()方法将工作表数据转换成JSON格式的数据。通过设置header选项可以将第一行数据转换成JSON对象中的key：

var headers = XLSX.utils.sheet_to_json(worksheet, { header: 1 })[0];
var data = XLSX.utils.sheet_to_json(worksheet, { header: headers });
console.log(data);

代码中，我们首先通过header选项将第一行数据转换成key，然后再将整个工作表数据转换成JSON格式的数组。

四、完整代码示例

function handleFile(files) {
  var fileReader = new FileReader();
  fileReader.onload = function (event) {
    var data = event.target.result;
    var workbook = XLSX.read(data, { type: 'binary' });
    var worksheet = workbook.Sheets[workbook.SheetNames[0]];
    var headers = XLSX.utils.sheet_to_json(worksheet, { header: 1 })[0];
    var data = XLSX.utils.sheet_to_json(worksheet, { header: headers });
    console.log(data);
  };
  fileReader.readAsBinaryString(files[0]);
}

通过上述代码，我们可以上传一个Excel文件，并读取其中的数据。

五、总结

使用JavaScript读取Excel文件并不难，选择合适的库和正确的方法可以让这个过程变得简单而高效。希望这篇终极指南可以帮助你更好地应对读取Excel文件的挑战。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/291774.html