快捷導航

最簡單的JS實現(xiàn)json轉(zhuǎn)csv的方法

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

這篇文章主要介紹了最簡單的JS實現(xiàn)json轉(zhuǎn)csv的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

工作久了，總會遇到各種各樣的數(shù)據(jù)處理工作，比如同步數(shù)據(jù)，初始化一些數(shù)據(jù)，目前比較流行的交互數(shù)據(jù)格式就是JSON，可是服務(wù)器中得到的JSON數(shù)據(jù)如果提供給業(yè)務(wù)人員看的話可能會非常不方便，這時候，轉(zhuǎn)成CSV文件，可以方便的被Excel工具進行讀寫。另外就是，json轉(zhuǎn)CSV之后，會很容易的同部到數(shù)據(jù)庫中，這樣也非常有用，當然，這些軟件功能已經(jīng)被人開發(fā)過了，但是網(wǎng)上的多數(shù)代碼都比較復雜，那些在線的轉(zhuǎn)換工具也有不少，但是考慮數(shù)據(jù)安全，還是盡量別往任何不相干的網(wǎng)站上傳數(shù)據(jù)，要知道萬一敏感數(shù)據(jù)泄露可能會對自己非常不利。這里放上比較簡單的一種實現(xiàn)方式，供大家使用：

<!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>

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: