javascript中js实现导出CSV文件功能

js直接在页面中将数组导出到CSV文件之中

//数组导出CSV文件
function exportCSV(jsonData,fileName){
    if(!jsonData || jsonData.length==0){
        return;
    }
    if(!fileName){
        fileName="exportCSV.csv";
    }
    let one=jsonData[0];
    let csvText="";
    for(let key in one){
        csvText+=key+","
    }
    csvText=trim(csvText,",")+"\n";
    //增加\t为了不让表格显示科学计数法或者其他格式
    for(let i = 0 ; i < jsonData.length ; i++ ){
        let row="";
        for(let item in jsonData[i]){
            row+=`${jsonData[i][item] + '\t'},`;
        }
        csvText+=trim(row,",")+'\n';
    }
    //encodeURIComponent解决中文乱码
    let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(csvText);
    //通过创建a标签实现
    let link = document.createElement("a");
    link.href = uri;
    //对下载的文件命名
    link.download =  fileName;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}
//js实现类似php trim函数
function trim(str, char) {
    if (char) {
        str=str.replace(new RegExp('^\\'+char+'+|\\'+char+'+$', 'g'), '');
    }
    return str.replace(/^\s+|\s+$/g, '');
};

 

posted @ 2022-11-18 19:16  唯一客服系统开发笔记  阅读(517)  评论(0编辑  收藏  举报