【问题标题】:parse json to .csv in js在 js 中将 json 解析为 .csv
【发布时间】:2017-12-13 22:54:44
【问题描述】:

我发现这个脚本(运行良好)除了我想跳过几列(我只想提取第 1、2、3、9 列),所以我有这个:

$(document).ready(function(){
    $('button').click(function(){
        var data = $('#txt').val();
        if(data == '') return;

        JSONToCSVConvertor(data, "Agenda", true);
    });
});

function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
    //If JSONData is not an object then JSON.parse will parse the JSON string in an Object
    var arrData = typeof JSONData != 'object'
      ? JSON.parse(JSONData)
      : JSONData;

    var CSV = '';
    //Set Report title in first row or line
    CSV += ReportTitle + '\r\n\n';



    //This condition will generate the Label/Header
    if (ShowLabel) {
      var row = "";

      //This loop will extract the label from 1st index of on array
      for (var index = 0; i<arrData.length-1; index++) {
        if (index  == 4 || index == 5 || index == 6 || index == 7 || index == 8) {
          continue;
        }
        else{
          //Now convert each value to string and comma-seprated
          row += index + ';';

        row = row.slice(0, -1);
        //append Label row with line break
        CSV += row + '\r\n';
        }
    }
    //1st loop is to extract each row
    for (var i = 0; i < arrData.length-1; i++) {
      if (i  == 4 || i == 5 || i == 6 || i == 7 || i == 8) {
        continue;
      }
      else{
        var row = "";
      }
      //2nd loop will extract each column and convert it in string comma-seprated
      for (var j = 0; i<arrData.length-1; j++) {
          if (j  == 4 || j == 5 || j == 6 || j == 7 || j == 8) {
            continue;
          }
          else{
            row += '"' + arrData[i][j] + '";';
          }
        }
      }

      row.slice(0, row.length - 1);

      //add a line break after each row
      CSV += row + '\r\n';
    }



    if (CSV == '') {
      alert("Invalid data");
      return;
    }

    //Generate a file name
    var fileName = "Formapelec_";
    //this will remove the blank-spaces from the title and replace it with an underscore
    fileName += ReportTitle.replace(/ /g,"_");

    //Initialize file format you want csv or xls
    var uri = 'data:text/csv;charset=utf-8,' + escape(CSV);

    // Now the little tricky part.
    // you can use either>> window.open(uri);
    // but this will not work in some browsers
    // or you will not get the correct file extension

    //this trick will generate a temp <a /> tag
    var link = document.createElement("a");
    link.href = uri;

    //set the visibility hidden so it will not effect on your web-layout
    link.style = "visibility:hidden";
    link.download = fileName + ".csv";

    //this part will append the anchor tag and remove it after automatic click
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

它应该生成一个仅包含第 1、2、3 和 9 列的 .csv,但没有任何回报。我用 if() {continue} 尝试了不同的方法,但我要么返回所有列,要么根本没有返回。

【问题讨论】:

  • 这里有什么问题?
  • 请编辑代码以在问题中提供测试数据字符串。 (逻辑应该将其解析为一个对象)。没有足够细节来重现或测试问题的问题可能会被视为离题。检查stackoverflow.com/help 以获取有关提问的帮助。

标签: javascript jquery json csv


【解决方案1】:
for (var i = 0; i < arrData.length-1; i++) {
      //2nd loop will extract each column and convert it in string comma-seprated
      for (var j = 0; j<arrData[i].length; j++) {
          if (j  == 4 || j == 5 || j == 6 || j == 7 || j == 8) {
            continue;
          }
          else{
            row += '"' + arrData[i][j] + '";';
          }
        }
      }

      row.slice(0, row.length - 1);

      //add a line break after each row
      CSV += row + '\r\n';
    }

您跳过了行,您的第二个 for 也是错误的(递增 j,但检查 i,这将永远运行或永远不会运行

【讨论】:

    【解决方案2】:
    //1st loop is to extract each row
    for (var i = 0; i < arrData.length-1; i++) {
      if (i  == 4 || i == 5 || i == 6 || i == 7 || i == 8) {
        continue;
      }
    

    你也在跳过行,if 不应该在那里

    【讨论】:

      猜你喜欢
      • 2023-03-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-08-31
      • 2021-07-29
      • 1970-01-01
      • 2020-10-08
      • 1970-01-01
      相关资源
      最近更新 更多