javascript - 如何跳过第一行并添加标题来下载 csv 文件

Question

这是我的代码:

<script type="text/javascript">  
    functionExport(json_data, "User_Report", true);

    function functionExport(JSONData, ReportTitle, ShowLabel) {
        var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
        var CSV = '';
        if (ShowLabel) {
            var row = "";
            for (var index in arrData[0]) {
                row += index.toUpperCase() + ',';
            }
            row = row.slice(0, -1);

            CSV += row + '\r\n';
        }
        //1st loop is to extract each row
        for (var i = 0; i < arrData.length; i++) {
            var row = "";
            for (var index in arrData[i]) {
                row += '"' + $('<div>').html(arrData[i][index]).text() + '",';

            }
            row.slice(0, row.length - 1);
            CSV += row + '\r\n';
        }
        if (CSV == '') {
            alert("Invalid data");
            return;
        }
        //Generate a file name
        var fileName = "Manage_";

        fileName += ReportTitle.replace(/ /g, "_");
        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);
    }
</script>

Answer 1

我的建议是，不要重新发明轮子。 CSV 有很多问题。只需使用一个已经存在的库，papaparse。

下面是获取 JSON 对象并将其转换为 CSV 的函数: http://papaparse.com/docs#json-to-csv

如果您想跳过第一行，只需将 arrData.slice(1) 传递给它，而不是 arrData

如果您想添加自己的 header ，这就是第三个函数签名的用途...如下所示: Papa.unparse({fields:['a','b','c'],数据:arrData})