脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS实现json转csv

最简单的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>

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

您可能感兴趣的文章:

相关文章

  • JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容

    JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容

    这篇文章主要介绍了js获取鼠标坐标并且根据鼠标位置不同弹出不同内容的实例代码,需要的朋友可以参考下
    2017-06-06
  • setInterval 不准的原因及问题解决方案

    setInterval 不准的原因及问题解决方案

    setInterval 是 JavaScript 中用于定时执行任务的常用方法,本文主要介绍了setInterval 不准的原因及问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-02-02
  • 常用的JavaScript验证正则表达式汇总

    常用的JavaScript验证正则表达式汇总

    这篇文章主要是对常用的JavaScript验证正则表达式进行了详细的汇总介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-11-11
  • JavaScript队列函数和异步执行详解

    JavaScript队列函数和异步执行详解

    这篇文章主要为大家详细介绍了JavaScript队列函数和异步执行的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JS中Json数据的处理和解析JSON数据的方法详解

    JS中Json数据的处理和解析JSON数据的方法详解

    JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧，这篇文章主要介绍了JS中Json数据的处理和解析JSON数据的方法详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • JavaScript重载函数实例剖析

    JavaScript重载函数实例剖析

    通过本文给大家简单介绍下JavaScript重载函数的相关知识，在js中有没有重载函数这个概念呢？很多朋友都很模糊，说不太清楚，下面通过本文给大家介绍js重载函数，一起学习吧
    2016-05-05
  • JavaScript 函数的执行过程

    JavaScript 函数的执行过程

    下面小编就为大家带来一篇JavaScript 函数的执行过程。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • js动态移动滚动条至底部示例代码

    js动态移动滚动条至底部示例代码

    这篇文章主要介绍了使用js动态移动滚动条至底部,需要的朋友可以参考下
    2014-04-04
  • 详解JavaScript中的作用域

    详解JavaScript中的作用域

    作用域是JavaScript中一个重要的概念,它决定了变量和函数在代码中的可访问性和可见性,了解JavaScript的作用域对于编写高效、可维护的代码至关重要,本文将深入介绍JavaScript作用域相关的知识点,其中包括作用域类型,作用域链,变量提升以及闭包等
    2023-08-08
  • JS跨域解决方案之使用CORS实现跨域

    JS跨域解决方案之使用CORS实现跨域

    正常使用AJAX会需要正常考虑跨域问题，所以伟大的程序员们又折腾出了一系列跨域问题的解决方案，如JSONP、flash、ifame、xhr2等等。本文给大家介绍JS跨域解决方案之使用CORS实现跨域，感兴趣的朋友参考下吧
    2016-04-04

最新评论