最简单的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 获取滚动条位置等信息的函数
Sep 08 Javascript
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 Javascript
BootStrap表单宽度设置方法
Mar 10 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
Nov 16 Javascript
详解Vue的七种传值方式
Feb 08 Vue.js
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 access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
php单例模式示例分享
2015/02/12 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
php自定义函数实现汉字转换utf8编码的方法
2016/09/29 PHP
老生常谈PHP 文件写入和读取(必看篇)
2017/05/22 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
常用的javascript function代码
2008/05/23 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
JS完成代码前最好对其做5件事
2013/04/07 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
JavaScript中两个字符串的匹配
2016/06/08 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
JS实现简易留言板(节点操作)
2020/03/16 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
Pycharm远程调试openstack的方法
2017/11/21 Python
利用Python yagmail三行代码实现发送邮件
2018/05/11 Python
详解python selenium 爬取网易云音乐歌单名
2019/03/28 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
python保存字典和读取字典的实例代码
2019/07/07 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
学生爱国演讲稿
2014/01/14 职场文书
一年级学生评语大全
2014/04/21 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书
Python基础学习之奇异的GUI对话框
2021/05/27 Python