最简单的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 相关文章推荐
JavaScript入门教程(3) js面向对象
Jan 31 Javascript
javascript document.referrer 用法
Apr 30 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
js实现幻灯片播放图片示例代码
Nov 07 Javascript
jquery插件推荐浏览器嗅探userAgent
Nov 09 Javascript
Backbone View 之间通信的三种方式
Aug 09 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
Dec 04 Javascript
JavaScript常用数学函数用法示例
May 14 Javascript
JavaScript中CreateTextFile函数
Aug 30 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的安全
2006/10/09 PHP
php使用pack处理二进制文件的方法
2014/07/03 PHP
php jsonp单引号转义
2014/11/23 PHP
jQuery 第二课 操作包装集元素代码
2010/03/14 Javascript
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
如何实现JavaScript动态加载CSS和JS文件
2020/12/28 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
2020/05/16 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
vue 项目 iOS WKWebView 加载
2019/04/17 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
微信小程序 轮播图实现原理及优化详解
2019/09/29 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
Python版微信红包分配算法
2015/05/04 Python
详解Python发送邮件实例
2016/01/10 Python
关于python的list相关知识(推荐)
2017/08/30 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
python数据结构之线性表的顺序存储结构
2018/09/28 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
音乐器材管理制度
2014/01/31 职场文书
《鱼游到了纸上》教学反思
2014/02/20 职场文书
三严三实对照检查材料
2014/08/25 职场文书
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
安全教育片观后感
2015/06/17 职场文书
同意落户证明
2015/06/19 职场文书
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android