const exportCsv = (columns, list, fileName = '下載') => {
// 列標(biāo)題,逗號隔開,每一個逗號就是隔開一個單元格
let str = columns.map(v => v.label).join(',') + "\n";
// 拼接str
for (let i = 0; i < list.length; i++) {
let row = list[i]
columns.forEach(column => {
// 增加\t為了不讓表格顯示科學(xué)計數(shù)法或者其他格式
str += `${row[column.index] + '\t'},`;
});
str += '\n';
}
// 通過創(chuàng)建a標(biāo)簽實現(xiàn) 點擊下載
const link = document.createElement("a");
link.href = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str); // encodeURIComponent解決中文亂碼
link.download = fileName + ".csv"; // 對下載的文件命名
link.click();
}
// 調(diào)用
let columns = [
{ index: 'name', label: '姓名' },
{ index: 'phone', label: '電話' },
// { index: 'email', label: '郵箱' },
]
let list = [
{
name: '路人甲',
phone: '123456789',
email: '000@123456.com'
},
{
name: '炮灰乙',
phone: '123456789',
email: '000@123456.com'
}
];
exportCsv(columns, list);
js導(dǎo)出csv
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 要導(dǎo)出下面的excel表格怎么辦? 姓名年齡夢想路飛19歲找到ONE PIECE,并成為海賊王。索隆21歲世界第一...
- 實現(xiàn)思路 使用json2csv將后臺json數(shù)據(jù)轉(zhuǎn)化為csv格式數(shù)據(jù) 創(chuàng)建一個a標(biāo)簽,設(shè)置href和downloa...
- 什么是csv文件? 百度百科的解釋: 綜上,該格式有3個特點: 該格式是純文本數(shù)據(jù)格式,即字符串格式 字段間的分隔...
- 1. JS導(dǎo)出CSV中文亂碼問題及兼容IE[https://huangwang.github.io/2019/...