如何使用JavaScript讀取Excel文件中的數據？ – 終極指南

一、選擇合適的庫

讀取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文件的挑戰。