导出CSV文件后出现文本格式错误，添加无效求助

问题场景 #

导出CSV时出现文本格式错乱，尝试添加UTF-8 BOM（\uFEFF）后问题未解决，当前实现代码如下：

const BOM = "\uFEFF";
const sample = "sep=,\n" + data1;
const csv = new Blob([BOM + sample], {
  type: "text/csv;charset=utf-8"
});

问题截图：

针对性解决方案 #

1. 修正sep=,的识别逻辑 #

Excel等工具要求sep=,必须是文件第一行，你当前把BOM放在了它前面，导致工具无法识别分隔符规则。调整Blob内容的拼接方式，确保sep=,是第一行（BOM属于文件编码标识，不影响行结构）：

const BOM = "\uFEFF";
const sample = "sep=,\n" + data1;
// 用数组传入Blob，避免字符串拼接的潜在编码问题
const csv = new Blob([BOM, sample], {
  type: "text/csv;charset=utf-8"
});

2. 使用utf-8-sig编码声明 #

老版本Excel对纯UTF-8无BOM文件兼容性差，将Content-Type改为utf-8-sig（明确标识带BOM的UTF-8），配合BOM使用能大幅提升兼容性：

const BOM = "\uFEFF";
const sample = "sep=,\n" + data1;
const csv = new Blob([BOM + sample], {
  type: "text/csv;charset=utf-8-sig"
});

3. 规范data1的CSV格式 #

如果data1包含特殊字符（逗号、引号、换行），未按CSV规则转义会导致格式错乱，需添加转义处理：

// 格式化CSV字段的工具函数
function formatCSVField(field) {
  field = String(field);
  if (field.match(/[,"\n]/)) {
    return `"${field.replace(/"/g, '""')}"`;
  }
  return field;
}

// 假设data1是二维数组，转换为符合规范的CSV行
const data1 = [
  ['姓名', '年龄', '备注'],
  ['李四', 30, '含,逗号和"引号的备注']
].map(row => row.map(formatCSVField).join(',')).join('\n');

4. 验证文件编码正确性 #

导出后用Notepad++等工具打开文件，确认编码为UTF-8-BOM。若编码不符，改用数组分块传入Blob的方式，避免编码转换丢失BOM：

const csv = new Blob([BOM, "sep=,\n", data1], {
  type: "text/csv;charset=utf-8-sig"
});

内容的提问来源于stack exchange，提问作者Josley