0
点赞
收藏
分享

微信扫一扫

js导出csv文件

静鸡鸡的JC 2022-01-21 阅读 58
javascript

遇到的问题:

1. 含有逗号(,)

问题描述:因为csv是一种通用的、相对简单的逗号分隔值文件格式,含有, 的字符串导出会根据,分开,占据不同单元格

解决办法:我们可以把数据格式从 kakakak ,alakk 处理成 "kakakak ,alakk" 就好,用双引号包裹

2. 含有双引号(")

问题描述:如果该字段中有双引号,csv解析会出问题

解决办法:该双引号前要再加一个双引号,然后把该字段使用双引号括起来。eg:(lalla"123=>"lalla""123")

方法:

const exportCsv = (data) => {
  let title = CSV_TITLE
  let titleForKey = CSV_TITLE
  let str = []
  str.push(title.join(',') + '\n') //标题
  for (let i = 0; i < data.length; i++) {
    let temp = []
    for (let j = 0; j < titleForKey.length; j++) {
      if (typeof data[i][titleForKey[j]] === 'object') {
        //若有值为对象则push undefined,看项目具体需求
        temp.push(undefined)
      } else {
        let value = data[i][titleForKey[j]]
        if (typeof value === 'string') { //导出字符串含有,/"时
          value = `"${value.replace(/"/g, '""')}"`
        }
        temp.push(value)
      }
    }
    str.push(temp.join(',') + '\n')
  }

  let uri =
    'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str.join(''))
  let downloadLink = document.createElement('a')
  downloadLink.href = uri
  downloadLink.download =
    `${new Date().toLocaleDateString()}.csv`
  document.body.appendChild(downloadLink)
  downloadLink.click()
  document.body.removeChild(downloadLink)
}
举报

相关推荐

0 条评论