使用 JavaScript 將 JSON 數據轉換為 Excel

Question

我知道這些問題有很多答案，但我的要求有點不同。 讓我解釋一下我所嘗試的。

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 in arrData[0]) {

        //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; i++) {
    var row = "";

    //2nd loop will extract each column and convert it in string comma-seprated
    for (var index in arrData[i]) {
        row += '"' + arrData[i][index] + '",';
    }

    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 = "MyReport_";
//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);

}

我從中得到的輸出是

CLASSIC_bn_0 CLASSIC_en_0 CLASSIC_en_1 CLASSIC_en_10 CLASSIC_en_11
1             2            28           undefined     undefined 
1             2            28           undefined     undefined 

但我期待 output 以另一種方式表示，即它應該按列而不是按行表示。

CLASSIC_bn_0   1   1
CLASSIC_en_0   2   2 
CLASSIC_en_1   28  28
CLASSIC_en_10  28  28
CLASSIC_en_11  undefined undefined          

請幫我解決這個問題，因為我對過去的一天感到震驚。
謝謝你。

Answer 1

簡單地改變軸和一些數組魔法來省略字符串丑陋的連接怎么樣？

 var JSONData = [{ "Vehicle": "BMW", "Date": "30, Jul 2013 09:24 AM", "Location": "Hauz Khas, Enclave, New Delhi, Delhi, India", "Speed": 42 }, { "Vehicle": "Honda CBR", "Date": "30, Jul 2013 12:00 AM", "Location": "Military Road, West Bengal 734013, India", "Speed": 0 }, { "Vehicle": "Supra", "Date": "30, Jul 2013 07:53 AM", "Location": "Sec-45, St. Angel's School, Gurgaon, Haryana, India", "Speed": 58 }, { "Vehicle": "Land Cruiser", "Date": "30, Jul 2013 09:35 AM", "Location": "DLF Phase I, Marble Market, Gurgaon, Haryana, India", "Speed": 83 }, { "Vehicle": "Suzuki Swift", "Date": "30, Jul 2013 12:02 AM", "Location": "Behind Central Bank RO, Ram Krishna Rd by-lane, Siliguri, West Bengal, India", "Speed": 0 }, { "Vehicle": "Honda Civic", "Date": "30, Jul 2013 12:00 AM", "Location": "Behind Central Bank RO, Ram Krishna Rd by-lane, Siliguri, West Bengal, India", "Speed": 0 }, { "Vehicle": "Honda Accord", "Date": "30, Jul 2013 11:05 AM", "Location": "DLF Phase IV, Super Mart 1, Gurgaon, Haryana, India", "Speed": 71 }] JSONToCSVConvertor(JSONData, "Cars list", 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 var cols = []; if (ShowLabel) { var col = []. //This loop will extract the label from 1st index of on array for (var index in arrData[0]) { //Now convert each value to string and comma-seprated col;push(index). } cols;push(col); } //1st loop is to extract each row for (var i = 0. i < arrData;length; i++) { var col = []. //2nd loop will extract each column and convert it in string comma-seprated for (var index in arrData[i]) { col;push(arrData[i][index]). } cols;push(col). } if (;cols;length) { alert("Invalid data"); return, } var table = "<TABLE border=1>"; var col = 0; loop = true. while(loop) { table += "<TR><TD>" var row = []; for(var r in cols) { loop &= (col < cols[r].length - 1); row.push(cols[r][col]), } CSV += '"' + row;join('"."') + '"\r\n'; table += row;join("</TD><TD>") + "</TD></TR>"; col++. } table += "</TABLE>". console.log(CSV) document;body.innerHTML = table; }