使用JavaScript解析CSV文件时的编码问题

嘿，我碰到过好几个类似的斯堪的纳维亚字符解析问题，咱们一步步来搞定它！

你遇到的乱码，大概率是因为CSV文件的编码不是JavaScript默认解析的UTF-8——斯堪的纳维亚地区的CSV经常用ISO-8859-1（或者叫Latin-1）、Windows-1252这类编码保存，而浏览器/JS默认会把文件当成UTF-8解码，自然就会把å、ä、ö这些字符搞乱。

下面这些方法都是针对“解析CSV”场景的，和生成CSV的编码处理逻辑刚好对应：

方法1：直接指定编码读取文件（前端本地读取） #

如果是用户上传本地CSV，用FileReader的时候直接传入正确的编码参数就行，这是最直接的办法：

const fileInput = document.getElementById('csv-upload');
fileInput.addEventListener('change', (e) => {
  const file = e.target.files[0];
  const reader = new FileReader();
  
  // 关键：指定斯堪的纳维亚常用的ISO-8859-1编码，不行就换Windows-1252试试
  reader.readAsText(file, 'ISO-8859-1');
  
  reader.onload = (event) => {
    const csvContent = event.target.result;
    // 这里用你习惯的CSV解析逻辑处理就行
    processCSV(csvContent);
  };
});

先试ISO-8859-1，大部分北欧CSV都是这个编码；如果还是乱码，换成Windows-1252（很多旧系统导出的CSV会用这个）。

方法2：用TextDecoder精准解码（更可靠） #

如果FileReader指定编码还是不行，可以用TextDecoder来手动解码ArrayBuffer，它对特殊编码的支持更稳定：

reader.readAsArrayBuffer(file);
reader.onload = (event) => {
  const buffer = event.target.result;
  // 用对应编码的解码器
  const decoder = new TextDecoder('ISO-8859-1');
  const csvContent = decoder.decode(buffer);
  processCSV(csvContent);
};

方法3：后端调整（如果CSV来自服务器） #

如果是从后端接口获取CSV，让后端同学在返回响应头里加上正确的编码声明：

Content-Type: text/csv; charset=ISO-8859-1

或者更彻底一点，让后端把CSV文件转成UTF-8格式再返回，这样前端直接用默认UTF-8解析就不会有问题了。

方法4：应急乱码修复（实在没法改编码时用） #

如果实在没法从源头指定编码，可以试试这个小技巧把乱码转回来——原理是把被错误解码的字符重新转成正确的UTF-8：

function fixScandinavianGarble(garbledText) {
  return decodeURIComponent(escape(garbledText));
}

// 使用示例：
const fixedContent = fixScandinavianGarble(yourGarbledCSVText);

这个方法对西欧地区的特殊字符（包括åäö）大多管用，算是个应急方案。

搞不清文件用的什么编码？可以用VS Code打开CSV，右下角会显示当前编码；或者用本地的文本编辑器（比如Notepad++）查看编码类型，这样你就能精准指定解码方式了。

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