纯js导出csv格式（根据页面标签格式导出）

前端做一个纯js导出csv格式功能，根据页面table格式导出，js中不需要再定义头部和导出数据，下面web建站小编给大家了解一下代码！

实现代码如下：

function exportData() {
  //定义头部标签获取表头数据，什么标签都可以
  let thead = Array.from($('thead th')).map(v => {
  	return v.textContent
  })
  //定义内容标签获取内容数据，什么标签都可以
  let tbody = Array.from($('tbody td')).map(v => {
  	return v.textContent
  }) // 获取表体数据
  let table = thead.concat(tbody) //头部和内容合并
  
  //表格数据转csv格式
  let csv = ''
  let colWidth = 9 // 列数，和实际列数一样，否则数据会乱
  let column = [] // 列循环数据缓存
  table.map((v, i) => {
  	column.push(v.trim())
  	if ((i + 1) % colWidth === 0) {
  	  csv += column.join(",") + '\n'
  	  column = []
  	}
  })
  //查看数据
  console.log('csv===',csv)
  //导出csv
  let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(csv);
  let link = document.createElement("a");
  let ts = new Date()
  link.href = uri;
  link.download = '文件名' + ts.getFullYear() + (ts.getMonth() + 1) + ts.getDay() + ".csv";
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
};