JS如何读取Excel文件？如何进行数据操作？

作者：佚名|分类：EXCEL|浏览：91|发布时间：2025-03-16 22:47:19

在Web开发中，处理Excel文件是一个常见的需求。JavaScript（JS）虽然本身不直接支持读取和写入Excel文件，但我们可以通过一些库来实现这一功能。以下将详细介绍如何使用JavaScript读取Excel文件以及进行数据操作。

一、使用JavaScript读取Excel文件

要读取Excel文件，我们可以使用一些JavaScript库，如`SheetJS`（现称为`xlsx`）和`FileSaver`。以下是一个简单的示例，展示如何使用这些库读取Excel文件。

1. 引入库

首先，你需要在你的HTML文件中引入`xlsx`和`FileSaver`库。可以通过CDN链接引入：

```html

```

2. 读取Excel文件

接下来，你可以使用以下代码来读取Excel文件：

```javascript

function readExcelFile(file) {

const reader = new FileReader();

reader.onload = function(e) {

const data = e.target.result;

const workbook = XLSX.read(data, {type: 'binary'});

const sheetName = workbook.SheetNames[0];

const worksheet = workbook.Sheets[sheetName];

const json = XLSX.utils.sheet_to_json(worksheet, {header: 1});

console.log(json);

};

reader.readAsBinaryString(file);

}

```

在上面的代码中，我们首先创建了一个`FileReader`对象，然后使用`readAsBinaryString`方法读取文件内容。之后，我们使用`XLSX.read`方法将读取到的二进制字符串转换为工作簿对象。接着，我们获取第一个工作表，并将其转换为JSON格式。

二、进行数据操作

读取Excel文件后，我们可以对数据进行各种操作，如添加、删除、修改等。

1. 添加数据

以下是一个示例，展示如何在工作表中添加一行数据：

```javascript

function addRow(worksheet, row) {

const lastRow = worksheet['!lastrow'];

worksheet[lastRow + 1] = row;

XLSX.utils.sheet_add_aoa(worksheet, [row], lastRow + 1);

}

```

在上面的代码中，我们首先获取工作表的最后一行，然后添加一行新数据。`sheet_add_aoa`方法用于将数据添加到工作表中。

2. 删除数据

以下是一个示例，展示如何删除工作表中的一行数据：

```javascript

function deleteRow(worksheet, rowIndex) {

XLSX.utils.remove_row(worksheet, rowIndex, {skipHidden: true});

}

```

在上面的代码中，我们使用`remove_row`方法删除指定行。

3. 修改数据

以下是一个示例，展示如何修改工作表中的一行数据：

```javascript

function updateRow(worksheet, rowIndex, rowData) {

worksheet[rowIndex] = rowData;

XLSX.utils.sheet_add_aoa(worksheet, [rowData], rowIndex, {origin: 'A1'});

}

```

在上面的代码中，我们使用`sheet_add_aoa`方法将新数据添加到指定行。

三、保存Excel文件

在完成数据操作后，我们可以将修改后的工作簿保存为新的Excel文件。

```javascript

function saveExcelFile(workbook, fileName) {

const wbout = XLSX.write(workbook, {bookType: 'xlsx', bookSST: true, type: 'binary'});

function s2ab(s) {

const buf = new ArrayBuffer(s.length);

const view = new Uint8Array(buf);

for (let i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;

return buf;

}

const saveData = s2ab(wbout);

const blob = new Blob([saveData], {type: "application/octet-stream"});

FileSaver.saveAs(blob, fileName + ".xlsx");

}

```

在上面的代码中，我们使用`XLSX.write`方法将工作簿转换为二进制字符串，然后使用`FileSaver.saveAs`方法将文件保存到本地。

JS如何读取Excel文件？如何进行数据操作？

相关内容