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

更新时间：2019年01月10日 09:15:29 作者：LinkLee

这篇文章主要介绍了最简单的JS实现json转csv的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

工作久了，总会遇到各种各样的数据处理工作，比如同步数据，初始化一些数据，目前比较流行的交互数据格式就是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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

微信支付如何实现内置浏览器的H5页面支付
这篇文章主要介绍了微信支付如何实现内置浏览器的H5页面支付的相关资料,需要的朋友可以参考下
2015-09-09
详解js常用分割取字符串的方法
这篇文章主要介绍了js常用分割取字符串的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
自定义javascript验证框架示例【附源码下载】
这篇文章主要介绍了自定义javascript验证框架,结合实例形式分析了javascript正则验证相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下
2019-05-05
JavaScript之cookie技术详解
这篇文章主要为大家详细介绍了JavaScript之cookie技术,运用JS设置cookie、读取cookie、删除cookie ,需要的朋友可以参考下
2016-11-11
js实现网页标题栏闪烁提示效果实例分析
这篇文章主要介绍了js实现网页标题栏闪烁提示效果的方法,以实例形式分析了网上比较常见的实现方法,并对于原理进行分析并加以改进,最后给出了一个具体的应用实例供大家参考,需要的朋友可以参考下
2014-11-11
JavaScript实现像雪花一样的Hexaflake分形
这篇文章主要介绍了JavaScript实现像雪花一样的Hexaflake分形，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
JavaScript asp.net 获取当前超链接中的文本
今天用到，不会。网上找到一个方法，赶快记下来。可以获取超链接的链接文本。
2009-04-04
js实现简单的倒计时
这篇文章主要为大家详细介绍了js实现简单的倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-01-01
Bootstrap表格制作代码
这篇文章主要为大家详细介绍了Bootstrap表格的制作代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
JavaScript中this绑定规则你理解了吗
JavaScript中的this是一个非常重要的概念，也是一个令新手开发者甚至有些不深入理解的多年经验开发者都会感到困惑的概念，如果你希望自己能够使用this编写更好的代码或者更好理解他人的代码，就跟随小编一起理解一下this吧
2023-07-07