前端JS使用xlsx库解析EXCEL

## 简介

在浏览器环境和 Node.js 环境中处理 Excel 文件时，可以使用xlsx库。

`xlsx` 是一个 JavaScript 库，用于在浏览器环境和 `Node.js` 环境中处理 Excel 文件（`.xlsx`、`.xlsb`、`.xlsm`、`.xls`、`.csv`）。该库由 **SheetJS** 团队开发，是一个开源项目。

<!-- more -->

## 基础用法

```javascript
// npm管理的项目中 引入xlsx依赖
import * as XLSX from 'xlsx';

// 获取文件选择组件 input
const fileInput = document.getElementById('fileInput');

// 给组件添加change事件，当文件选择的改变时，读取文件内容
fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];

  if (file) {
    const reader = new FileReader();

    reader.onload = function (e) {
      const arrayBuffer = e.target.result;

      // 使用 xlsx 解析 Excel 文件
      const workbook = XLSX.read(new Uint8Array(arrayBuffer), { type: 'array' });

      // 处理解析后的数据
      console.log(workbook);
    };

    // 读取文件为 ArrayBuffer
    reader.readAsArrayBuffer(file);
  }
});

```

## 编码

在 xlsx 库中，codepage 用于指定解析 Excel 文件时使用的字符编码。具体的 codepage 值表示不同的字符编码方式。

在常见的中文字符编码中，codepage: `936` 表示使用 GBK 编码，对应简体中文（`Simplified Chinese`）的字符集。下面是一些常见的 codepage 值及其对应的编码方式：

- `1200`: UTF-16 LE（Little Endian）
- `1201`: UTF-16 BE（Big Endian）
- `65001`: UTF-8
- `936`: GBK（简体中文）
- `950`: Big5（繁体中文）
- `1250`: Windows-1250（中欧语言）
- `1251`: Windows-1251（西里尔文）