最简单的JS实现json转csv的方法


Posted in Javascript onJanuary 10, 2019

工作久了,总会遇到各种各样的数据处理工作,比如同步数据,初始化一些数据,目前比较流行的交互数据格式就是JSON,可是服务器中得到的JSON数据如果提供给业务人员看的话可能会非常不方便,这时候,转成CSV文件,可以方便的被Excel工具进行读写。另外就是,json转CSV之后,会很容易的同部到数据库中,这样也非常有用,当然,这些软件功能已经被人开发过了,但是网上的多数代码都比较复杂,那些在线的转换工具也有不少,但是考虑数据安全,还是尽量别往任何不相干的网站上传数据,要知道万一敏感数据泄露可能会对自己非常不利。这里放上比较简单的一种实现方式,供大家使用:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>JSON to CSV</title>
  
  <script type="text/javascript">
  var json3 = { "d": "[{\"Id\":1,\"UserName\":\"Sam Smith\"},{\"Id\":2,\"UserName\":\"Fred Frankly\"},{\"Id\":1,\"UserName\":\"Zachary Zupers\"}]" }

  //var winners = '{}';
  var winnerObject = JSON.parse(json3);
  
  downloadJSON2CSV(winnerObject);

  function downloadJSON2CSV(objArray)
  {
    var array = typeof objArray != 'object' ? JSON.parse(objArray) : objArray;

    var str = '';

    for (var i = 0; i < array.length; i++) {
      var line = '';

      for (var index in array[i]) {
        line += array[i][index] + ',';
      }

      // 添加双引号
      // for (var index in array[i]) {
      //  line += '"' + array[i][index] + '",';
      // }

      line.slice(0,line.Length-1); 

      str += line + '\r';
    }
    window.open( "data:text/csv;charset=utf-8," + str)
  }

  </script>

</head>
<body>
  <h1>This page onvert json to csv...</h1>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用jquery的方法制作一个简单的导航栏
Jun 23 Javascript
jQuery中Ajax的load方法详解
Jan 14 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
JavaScript实现Base64编码转换
Apr 23 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
Oct 24 Javascript
原生js轮播特效
May 18 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 Javascript
vue实现底部菜单功能
Jul 24 Javascript
vue实现多条件和模糊搜索功能
May 28 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 Javascript
puppeteer实现html截图的示例代码
Jan 10 #Javascript
其实你可以少写点if else与switch(推荐)
Jan 10 #Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 #Javascript
浅谈JavaScript 代码简洁之道
Jan 09 #Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 #Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 #Javascript
微信小程序实现的日期午别医生排班表功能示例
Jan 09 #Javascript
You might like
php解压缩zip和rar压缩包文件的方法
2019/07/10 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
JavaScript关于select的相关操作说明
2010/01/13 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
2013/12/17 Javascript
鼠标经过tr时,改变tr当前背景颜色
2014/01/13 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
assert()函数用法总结(推荐)
2017/01/25 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
2018/10/12 Javascript
vue滚动tab跟随切换效果
2020/06/29 Javascript
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
PyQt5实现五子棋游戏(人机对弈)
2020/03/24 Python
AUC计算方法与Python实现代码
2020/02/28 Python
django 链接多个数据库 并使用原生sql实现
2020/03/28 Python
python实现自动打卡的示例代码
2020/10/10 Python
Python实现石头剪刀布游戏
2021/01/20 Python
供货协议书范本
2014/04/22 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
毕业证委托书范文
2014/09/26 职场文书
车辆委托书范本
2014/10/05 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
解除劳动合同通知书范本
2015/04/16 职场文书
看上去很美观后感
2015/06/10 职场文书
办公室规章制度范本
2015/08/04 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电
Python实现聚类K-means算法详解
2022/07/15 Python