首页 > web前端 > js教程 > 正文

js如何导出excel

幻夢星雲
发布: 2024-12-03 20:34:08
原创
553人浏览过
JavaScript 中导出 Excel 文件的方法:使用 FileSaver.js 库:通过安装库、设置数据、创建工作表和导出工作表实现数据导出。使用 ExcelJS 库:安装库后创建工作簿、添加工作表、填充数据和导出工作簿以导出数据。

js如何导出excel

如何使用 JavaScript 导出 Excel 文件

概述

在 JavaScript 中,有几种方法可以将数据导出为 Excel 文件。这篇文章将介绍两种最常用和最简单的技术:FileSaver.js 库和 ExcelJS。

如知AI笔记
如知AI笔记

如知笔记——支持markdown的在线笔记,支持ai智能写作、AI搜索,支持DeepseekR1满血大模型

如知AI笔记 27
查看详情 如知AI笔记

使用 FileSaver.js 库

  1. 安装 FileSaver.js:使用 npm(Node.js 包管理器)安装库:
<code>npm install file-saver --save</code>
登录后复制
  1. 设置数据:将要导出的数据存储在 JavaScript 数组或对象中。
  2. 创建工作表:使用 XLSX.utils.table_to_book 函数将数据转换为 XLSX 工作表对象。
  3. 导出工作表:使用 XLSX.writeFile 函数将工作表导出为 Excel 文件。
<code>import { writeFile } from 'xlsx';
import * as fs from 'fs';

const data = [['姓名', '年龄'], ['张三', 20]];
const ws = XLSX.utils.table_to_book({ sheet: data });

writeFile(ws, '导出.xlsx');</code>
登录后复制

使用 ExcelJS 库

  1. 安装 ExcelJS:使用 npm 安装库:
<code>npm install exceljs --save</code>
登录后复制
  1. 创建工作簿:创建 ExcelJS 工作簿对象。
  2. 添加工作表:向工作簿中添加一个新工作表。
  3. 填充数据:将要导出的数据填充到工作表中。
  4. 导出工作簿:使用 workbook.xlsx.writeBuffer 函数将工作簿导出为二进制数据,然后将其保存为 Excel 文件。
<code>import { Workbook } from 'exceljs';

const workbook = new Workbook();
const worksheet = workbook.addWorksheet('Sheet1');

worksheet.addRow(['姓名', '年龄']);
worksheet.addRow(['张三', 20]);

const data = (await workbook.xlsx.writeBuffer()).toString('binary');
fs.writeFileSync('导出.xlsx', data, 'binary');</code>
登录后复制

以上就是js如何导出excel的详细内容,更多请关注php中文网其它相关文章!

相关标签:
WPS零基础入门到精通全套教程!
WPS零基础入门到精通全套教程!

全网最新最细最实用WPS零基础入门到精通全套教程!带你真正掌握WPS办公! 内含Excel基础操作、函数设计、数据透视表等

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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