编程 Javascript

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

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

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

- Author -

LinkLee

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Mozilla 表达式 __noSuchMethod__

Apr 05 Javascript

Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码

Apr 26 Javascript

jquery队列函数用法实例

Dec 16 Javascript

jQuery聚合函数实例

May 21 Javascript

window.onload与$(document).ready()的区别分析

May 30 Javascript

Node.js编写爬虫的基本思路及抓取百度图片的实例分享

Mar 12 Javascript

js css+html实现简单的日历

Jul 14 Javascript

[原创]javascript typeof id==='string'?document.getElementById(id):id解释

Nov 02 Javascript

Vuex 进阶之模块化组织详解

Jan 12 Javascript

JQuery事件委托原理与用法实例分析

May 13 jQuery

JavaScript Blob对象原理及用法详解

Oct 14 Javascript

5个实用的JavaScript新特性

Jun 16 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