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, '');

};

相关链接