最简单的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高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
js使用eval解析json(js中使用json)
Jan 17 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
走进AngularJs之过滤器(filter)详解
Feb 17 Javascript
Vue制作Todo List网页
Apr 26 Javascript
JavaScript之class继承_动力节点Java学院整理
Jul 03 Javascript
vue 源码解析之虚拟Dom-render
Aug 26 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
Aug 20 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 Javascript
vue中axios封装使用的完整教程
Mar 03 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
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
php创建类并调用的实例方法
2019/09/25 PHP
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
js实现继承的5种方式
2015/12/01 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
2017/09/27 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
AngularJS实现controller控制器间共享数据的方法示例
2017/10/30 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
python 切换root 执行命令的方法
2019/01/19 Python
Python获取网段内ping通IP的方法
2019/01/31 Python
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
python变量命名的7条建议
2019/07/04 Python
Python定义函数实现累计求和操作
2020/05/03 Python
python使用openpyxl操作excel的方法步骤
2020/05/28 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
用Python实现职工信息管理系统
2020/12/30 Python
JSF如何进行表格处理及取值
2012/08/06 面试题
MIS软件工程师的面试题
2016/04/22 面试题
中学生励志演讲稿
2014/04/26 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
商场父亲节活动方案
2014/08/27 职场文书
会计人员演讲稿
2014/09/11 职场文书
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技