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文件,可以使用

<input type="file">
元素,并监听
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文件才能保存修改。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

455

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

546

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

334

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

82

2025.09.10

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

530

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

760

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

6205

2023.08.17

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

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

精品课程

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

共162课时 | 21.1万人学习

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

共28课时 | 2.6万人学习

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

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