JavaScript中UTF-8转ISO-8859-1的轻量实现方案求助

核心问题分析 #

你需要在浏览器端将字符串转换为指定编码的二进制数据用于下载，替代体积较大的iconv-lite。之前的尝试存在用法错误，以下是修正后的轻量方案：

轻量编码转换实现 #

1. ISO-8859-1编码转换函数

ISO-8859-1是单字节编码，字符码点0-255直接对应字节值，超出范围的字符可自定义替换逻辑（如下示例替换为?）：

function stringToIso88591(str) {
  const arr = new Uint8Array(str.length);
  for (let i = 0; i < str.length; i++) {
    const charCode = str.charCodeAt(i);
    arr[i] = charCode <= 255 ? charCode : 63; // 63对应ASCII的?
  }
  return arr;
}

2. 通用下载函数

支持UTF-8和ISO-8859-1两种格式，利用原生API生成下载链接：

function downloadData(content, filename, encoding = 'utf-8') {
  let blob;
  if (encoding === 'iso-8859-1') {
    const isoArray = stringToIso88591(content);
    blob = new Blob([isoArray], { type: `text/plain;charset=${encoding}` });
  } else {
    // UTF-8直接使用原生TextEncoder
    const utf8Array = new TextEncoder().encode(content);
    blob = new Blob([utf8Array], { type: `text/plain;charset=${encoding}` });
  }
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = filename;
  a.click();
  URL.revokeObjectURL(url);
}

3. 使用示例

// 下载UTF-8格式文件
downloadData('测试内容 Test Content', 'utf8-file.txt', 'utf-8');

// 下载ISO-8859-1格式文件
downloadData('测试内容 Test Content', 'iso-file.txt', 'iso-8859-1');

之前尝试方案的问题说明 #

• TextEncoder用法错误：你之前先将字符串编码为UTF-8字节数组，再用ISO-8859-1解码，这相当于把UTF-8字节误解析为ISO-8859-1，结果自然不符合预期。正确逻辑是直接生成ISO-8859-1对应的字节数组。
• escape方案不可靠：escape是已废弃的旧API，对非ASCII字符的编码规则与URI标准不一致，会导致decodeURIComponent抛出格式错误。
• Lib Utf的问题：返回二进制数据是正常结果，但你需要将其包装为Blob才能触发下载，且该库的功能完全可以通过几行原生代码实现，无需引入额外依赖。

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