js導(dǎo)出csv

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);
最后編輯于
?著作權(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ù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容