js操作excel常用方法,js处理表格数据

本文详细介绍了如何使用JavaScript的xlsx.full.min.js库来读取Excel文件,包括准备步骤、代码实现、获取指定单元格内容以及将Excel内容转换为json字符串的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

大家好,小编为大家解答js操作excel常用方法的问题。很多人还不知道js处理表格数据,现在让我们一起来看看吧!

第一章:准备

① 下载 xlsx.full.min.js 支持包

获取地址: 官方 Github
小蓝枣的 csdn 资源仓库
在这里插入图片描述
在点进 Raw
在这里插入图片描述
然后通过 ctrl + s 保存即可Python解释器的安装步骤
在这里插入图片描述

第二章:功能实现与使用演示

① 实现代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>小蓝枣-js读取Excel演示</title>
    < src="xlsx.full.min.js"></>
</head>

<body>
    <input type="file" onchange="readExcel(this)" />
    <>
		function readExcel(file_obj){
			var reader = new FileReader();
			var file = file_obj.files[0];
			reader.readAsBinaryString(file);
			
			reader.onload = function (e) {
				var data = e.target.result;
				var wb = XLSX.read(data, {type: 'binary'});

				sheetName = wb.SheetNames[0]   // 获取文档中第一个sheet页签的名字
				sheets = wb.Sheets[sheetName]   // 获sheet名页签下的数据
				
				console.log(sheets);   // 返回sheet对象到控制台
			};
		}
    </>
</body>

</html>

② 使用效果演示

看下控制台,这是返回的第一个 sheet 页签的数据对象。
t 代表类型,如果内容是 s 表示文本字符串、n 表示数值。
v 代表 value 数值。
在这里插入图片描述
这是源 Excel 文档。
在这里插入图片描述

③ 获取指定单元格的内容

通过 sheets['单元格'].v;sheets.单元格.v; 可以获取指定单元格里的内容。
在这里插入图片描述

④ 将读取的 Excel 内容转化为 json 字符串

通过 JSON.stringify(XLSX.utils.sheet_to_json(sheets)); 可以将 sheet 页签的内容转化为 json 数据输出。
在这里插入图片描述
去掉转义符号后再格式化,可以看到如下效果。
在这里插入图片描述
喜欢的点个赞❤吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值