0

0

如何用JavaScript解析和生成Excel文件?

紅蓮之龍

紅蓮之龍

发布时间:2025-09-20 14:26:01

|

496人浏览过

|

来源于php中文网

原创

使用xlsx库可实现JavaScript解析和生成Excel文件。首先通过npm安装或CDN引入库,解析时用XLSX.readFile读取文件并用sheet_to_json将工作表转为JSON数据;生成文件时用json_to_sheet将数据转为工作表,再用book_new创建工作簿,book_append_sheet添加工作表,最后writeFile输出文件。处理大文件需避免内存溢出,可采用流式读取方式,结合FileReader逐块读取ArrayBuffer并用XLSX.read解析,或在Node.js服务端处理。浏览器端上传文件可通过input[type=file]监听change事件获取File对象,配合FileReader读取内容;下载则调用writeFile自动触发浏览器下载。若需保留公式,读取时设置cellFormula: true以获取公式本身而非计算结果;保留样式需设置cellStyles: true,之后手动解析样式信息并应用到新文件。操作单元格可通过worksheet['A1']等形式访问,修改值或添加新单元格后需重新生成文件保存变更。

如何用javascript解析和生成excel文件?

JavaScript解析和生成Excel文件,核心在于使用合适的库来处理Excel文件的二进制格式,并提供方便的API进行数据操作。通常我们会选择像

xlsx
这样的库。

解决方案:

  1. 引入

    xlsx
    库: 首先,你需要在你的项目中引入
    xlsx
    库。可以通过npm安装:

    npm install xlsx

    或者通过CDN引入。

    立即学习Java免费学习笔记(深入)”;

  2. 解析Excel文件: 使用

    xlsx
    库的
    readFile
    方法读取Excel文件,该方法返回一个workbook对象。

    import * as XLSX from 'xlsx';
    
    function parseExcel(file) {
      const workbook = XLSX.readFile(file);
      // workbook.SheetNames 是一个数组,包含了 Excel 文件中所有工作表的名称
      const sheetName = workbook.SheetNames[0]; // 假设我们读取第一个工作表
      const worksheet = workbook.Sheets[sheetName];
      // 将工作表转换为 JSON 格式的数据
      const data = XLSX.utils.sheet_to_json(worksheet);
      return data;
    }
    
    // 使用示例
    const fileInput = document.getElementById('excel-file'); // 获取文件输入元素
    fileInput.addEventListener('change', (e) => {
      const file = e.target.files[0];
      const data = parseExcel(file);
      console.log(data); // 打印解析后的数据
    });

    这里,

    sheet_to_json
    方法将工作表数据转换为JSON数组,每个JSON对象代表Excel中的一行数据。

  3. 生成Excel文件: 使用

    xlsx
    库的
    utils.json_to_sheet
    方法将JSON数据转换为工作表,然后创建一个新的workbook,并将工作表添加到workbook中。最后,使用
    writeFile
    方法将workbook保存为Excel文件。

    import * as XLSX from 'xlsx';
    
    function generateExcel(data, filename = 'output.xlsx') {
      // 将 JSON 数据转换为工作表
      const worksheet = XLSX.utils.json_to_sheet(data);
      // 创建一个新的 workbook
      const workbook = XLSX.utils.book_new();
      // 将工作表添加到 workbook 中
      XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
      // 写入 Excel 文件
      XLSX.writeFile(workbook, filename);
    }
    
    // 使用示例
    const data = [
      { name: 'Alice', age: 30, city: 'New York' },
      { name: 'Bob', age: 25, city: 'Los Angeles' },
    ];
    generateExcel(data, 'example.xlsx');

    这段代码会生成一个名为

    example.xlsx
    的Excel文件,其中包含两行数据。

如何处理大型Excel文件以避免内存溢出?

处理大型Excel文件时,一次性加载所有数据到内存中很容易导致内存溢出。解决方法是使用流式读取。

xlsx
库提供了流式读取的API,但相对复杂。

简单来说,你需要使用

XLSX.read
方法,并设置
type: 'array'
选项,然后手动处理二进制数据块。这种方式允许你逐块读取Excel文件,并在处理完一块数据后释放内存。

广研企业网站管理系统中英文双语版
广研企业网站管理系统中英文双语版

v1.8新增功能简介: 一、后台新增生成网站地图和生成Sitemap.xml的功能。 二、新增下载中心功能,可在后台上传doc,xls,ppt,rar,pdf文件。 三、新增产品缩略图自动缩放功能,图片按比例缩放,解决了图片变形问题。 四、新闻、产品详细页新增了上一个、下一个的功能,改善用户体验。 五、在线客服新增了阿里巴巴贸易通在线客服。 六、可在后台设置分享代码,如百度分享和AddThis等。

下载

例如,你可以使用

FileReader
API来读取文件,并将读取到的ArrayBuffer传递给
XLSX.read
方法。然后,你需要自己解析工作表,并处理每一行数据。

虽然复杂,但这是处理大型Excel文件的有效方法。也可以考虑使用服务器端JavaScript (Node.js) 来处理,因为服务器端通常有更多的内存资源。

如何在浏览器端实现Excel文件的上传和下载?

上传Excel文件,可以使用

元素,并监听
change
事件。在事件处理函数中,可以使用
FileReader
API读取文件内容,然后传递给
xlsx
库进行解析。

下载Excel文件,可以使用

XLSX.writeFile
方法生成Excel文件,并设置文件名。该方法会自动触发浏览器的下载功能。

上面示例代码中已经包含了文件上传的示例。

如何处理Excel文件中的公式和格式?

xlsx
库可以读取Excel文件中的公式,但默认情况下,它会计算公式的结果,而不是返回公式本身。如果需要获取公式本身,可以在读取文件时设置
cellFormula: true
选项。

const workbook = XLSX.readFile(file, { cellFormula: true });

对于格式,

xlsx
库提供了一定的支持,但并不是所有的格式都能完美保留。你可以通过
cellStyles: true
选项来读取单元格的样式信息。

const workbook = XLSX.readFile(file, { cellStyles: true });

然后,你需要自己解析样式信息,并将其应用到生成的新Excel文件中。这部分比较复杂,可能需要查阅

xlsx
库的文档,并进行一些实验。

如何在JavaScript中操作Excel文件的单元格?

在解析Excel文件后,你可以通过

worksheet
对象来访问和修改单元格。
worksheet
对象是一个类似字典的结构,其中键是单元格的地址(例如,"A1","B2"),值是单元格对象。

const worksheet = workbook.Sheets[sheetName];
// 获取 A1 单元格的值
const cell = worksheet['A1'];
const value = cell ? cell.v : undefined; // cell.v 存储单元格的值

// 修改 B2 单元格的值
worksheet['B2'] = { t: 's', v: 'New Value' }; // t: 's' 表示字符串类型

// 添加一个新的单元格
worksheet['C3'] = { t: 'n', v: 123 }; // t: 'n' 表示数字类型

注意,修改

worksheet
对象后,需要重新生成Excel文件才能保存修改。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

556

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

374

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

732

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

477

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

394

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

991

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

657

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

552

2023.09.20

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

43

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 12.2万人学习

成为PHP架构师-自制PHP框架
成为PHP架构师-自制PHP框架

共28课时 | 2.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号