js 采用a 标签导出csv

Posted 2021-10-30 BBinChina

let mainTitle = ["A", "B", "C"];

      let dataStr = [];
      dataStr.push(mainTitle.join("\\,")); //标题添加上换列转成字符串并存进数组

        //datas为每行数据
        for (let j = 0; j < datas.length; j++) {

          let temp = [];

          temp.push("A"); 
          temp.push("B");
          temp.push("C");

          let data = temp.join("\\,");
          dataStr.push(data); //取出来的值加上逗号换列转字符串存数组
        }
 
      //## 导出操作
      // encodeURIComponent解决中文乱码
      const uri = "data:text/csv;charset=utf-8," + encodeURIComponent(dataStr.join("\\n"));
      // 通过创建a标签实现
      let link = document.createElement("a");
      link.href = uri;
      // 对下载的文件命名
      link.download = "xxx.csv";
      document.body.appendChild(link);
      link.click();