您现在的位置是:首页 > Javascript
当前栏目
javascript中js实现导出CSV文件功能
2023-02-18 15:36:59 时间
js直接在页面中将数组导出到CSV文件之中
//数组导出CSV文件 function exportCSV(jsonData,fileName){ if(!jsonData || jsonData.length==0){ return; } if(!fileName){ fileName="exportCSV.csv"; } let one=jsonData[0]; let csvText=""; for(let key in one){ csvText+=key+"," } csvText=trim(csvText,",")+"\n"; //增加\t为了不让表格显示科学计数法或者其他格式 for(let i = 0 ; i < jsonData.length ; i++ ){ let row=""; for(let item in jsonData[i]){ row+=`${jsonData[i][item] + '\t'},`; } csvText+=trim(row,",")+'\n'; } //encodeURIComponent解决中文乱码 let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(csvText); //通过创建a标签实现 let link = document.createElement("a"); link.href = uri; //对下载的文件命名 link.download = fileName; document.body.appendChild(link); link.click(); document.body.removeChild(link); } //js实现类似php trim函数 function trim(str, char) { if (char) { str=str.replace(new RegExp('^\\'+char+'+|\\'+char+'+$', 'g'), ''); } return str.replace(/^\s+|\s+$/g, ''); };
相关文章
- [javascript] 报错SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
- [js]解决postMessage跨域、跨iframe消息传递
- [javascript] 全国省市县JSON/XML数据(包含台湾和海外国家一级)
- [javascript] 解决移动端手机浏览器软键盘遮挡输入框问题
- [PHP]json_encode中文JSON_UNESCAPED_UNICODE在php5.3返回null
- [javascript] 使用javascript实现webrtc视频聊天demo
- [javascript] vue和elementui中的键盘事件
- [javascript] 变量提升
- [前端] js中call方法的理解和思考
- [javascript] ie下audio不支持一些媒体类型
- [javascript] ie下不支持incudes属性和方法
- [javascript] ES6模板字符串
- [javascript] strict模式严格模式
- [javascript]使用babel转换es6语法
- [js] js中的闭包以及特点
- 在Vue中使用JSX,很easy的
- JS的深浅复制,原来如此!
- js小知识
- [javascript] elementui和vue下复制粘贴上传图片
- [javascript] cdn模式下vue和vue-router实现路由