当前位置: 首页 > news >正文

JavaScript将array数据下载到Excel中

具体代码如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script><script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.js"></script><script src="https://code.jquery.com/jquery-3.2.1.min.js"></script><title>下载Excel</title>
</head>
<body><button onclick="downloadfile()">下载Excel</button><script>function downloadfile() {var workbook = XLSX.utils.book_new(); //这段代码创建了一个名为的Workbook对象。console.log(workbook)var ws = XLSX.utils.json_to_sheet([]); //创建一个工作表对象var ws1 = XLSX.utils.json_to_sheet([]); //创建一个工作表对象XLSX.utils.book_append_sheet(workbook,ws,"ph数据"); //将工作表添加到workbook对象中XLSX.utils.book_append_sheet(workbook,ws1,"test"); //将工作表添加到workbook对象中workbook.creator = 'test123'  //创建者workbook.created = new Date()  //创建时间var data = [{"bz":"","cqqk":"/","date":"2023-01-04","djperson":"zs","id":1,"name":"2#","ph":5.8},{"bz":"","cqqk":"/","date":"2023-01-04","djperson":"zs","id":2,"name":"3#","ph":5.06}]var jsonDataWithHeaders = [{ "header1": "value1", "header2": "value2" },{ "header1": "value3", "header2": "value4" }];var datas = []for(var i = 0;i < data.length; i++){var p = {"id":data[i].id,"date":data[i].date,"name":data[i].name,"ph":data[i].ph,"cqqk":data[i].cqqk,"djperson":data[i].djperson,"bz":data[i].bz}datas.push(p)}////将数据添加到工作表XLSX.utils.sheet_add_json(ws,datas,{skipHeader:false,origin:"A1"})XLSX.utils.sheet_add_json(ws1,jsonDataWithHeaders,{skipHeader:true,origin:"A2"})var date = new Date();var isoString = '导出数据'+ date.toISOString().slice(0,10);// console.log(p);// const date = new Date();// // 获取年份// const year = date.getFullYear().toString();    // // 获取月份,月份从0开始,需要加1// const month = (date.getMonth() + 1).toString(); // // 获取日期// const day = date.getDate().toString();// 获取小时const hours = date.getHours().toString().padStart(2, '0');// 获取分钟padStart(2, '0')在前面补0const minutes = date.getMinutes().toString().padStart(2, '0');// 获取秒数const seconds = date.getSeconds().toString().padStart(2, '0');var sfm = hours+':'+minutes+':'+secondsvar names = isoString+' '+sfm+'.xlsx'console.log(names);//导出Excel文件XLSX.writeFile(workbook,names)}</script>
</body>
</html>

这个建了一个Excel表,两个sheet,分别存放了一定的数据,最后进行下载下来,其中skipHeader:false,origin:"A1"代表不省略表头,表头默认是字典中的keys,从A1行开始:

http://www.lryc.cn/news/460382.html

相关文章:

  • 【前端】Bootstrap:快速开始
  • 文献阅读(222) VVQ协议死锁
  • Node.js管理工具NVM
  • 云原生后端
  • 充电宝哪个品牌值得买?2024年五款靠谱充电宝推荐
  • YOLOv11对比YOLOV8网络结构变化分析,帮助你真正的理解和学习yolo框架
  • 弃用RestTemplate,RestClient真香!
  • electron-vite_10electron-updater软件更新
  • React native之全局变量存储AsyncStorage
  • 获取vue实例
  • 基于Python实现电影推荐系统
  • 【linux】进程理解
  • 文件IO练习1
  • c++ std::future 和 std::promise 的实现工作原理简介
  • MATLAB(Octave)混电动力能耗评估
  • opencv学习:人脸识别器特征提取BPHFaceRecognizer_create算法的使用
  • HTML+CSS总结【量大管饱】
  • Android开发之Broadcast Receive(广播机制)其实开发如此简单
  • Chromium 中chrome.cookies扩展接口c++实现分析
  • excel筛选多个单元格内容
  • Instant 和 Duration 类(进行时间处理)
  • Java每日面试题(Spring)(day19)
  • 【多线程】线程池(上)
  • ansible 语句+jinjia2+roles
  • 【Docker项目实战】使用Docker部署HumHub社交网络平台
  • “医者仁术”再进化,AI让乳腺癌筛查迎难而上
  • 安卓流式布局实现记录
  • -bash gcc command not found解决方案(CentOS操作系统)
  • (二)Python输入输出函数
  • 从调用NCCL到深入NCCL源码