Javascript:js直接生成csv文件

记录下javascript生成csv文件

1、如果传入表头数据

// 生成excel,meta为表数据,data为传入数据,name为生成的文件名称
createExcel(meta, data, name) {
	// '\n' 表示一行的结束,','表示数据依次放在新的单元格
	let header = "";
	for (let i in meta) {
		header += meta[i].name + ",";
	}

	const table = header + "\n" +
		data.map((item) => {
			let result = "";
			for (const key in item) {
				result += item[key] + ",";
			}
			return result;
		}).join("\n");
	//encodeURIComponent解决中文乱码
	let uri = "data:text/csv;charset=utf-8,\ufeff" + encodeURIComponent(table);
	//通过创建a标签实现
	var link = document.createElement("a");
	link.href = uri;
	//对下载的文件命名
	link.download = name + ".csv";
	document.body.appendChild(link);
	link.click();
	document.body.removeChild(link);
},			

2、如果不传表头数据

// 生成excel,data为传入数据,name为生成的文件名称
createExcel(data, name) {
    let tmp = [data[0]];
    const header = tmp.map((item) => {
        let result = "";
        for (const key in item) {
            result += key + ",";
        }
        return result;
    }).join("\n");
	
    const table = header + '\n' + data.map((item) => {
            let result = "";
            for (const key in item) {
                if(item[key] != null) {
                    item[key] = item[key].toString().replace(/,/gi, ",")
                }
                result += item[key] + ",";
            }
            return result;
        }).join("\n");
    //encodeURIComponent解决中文乱码
    let uri = "data:text/csv;charset=utf-8,\ufeff" + encodeURIComponent(table);
    //通过创建a标签实现
    var link = document.createElement("a");
    link.href = uri;
    //对下载的文件命名
    link.download = name + ".csv";
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
},		
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值