快捷導(dǎo)航

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

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

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

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

      // 添加雙引號(hào)
      // 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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: