jQuery生成CSV时\r\n未生效，如何实现正确换行？

问题现状 #

• 待导出的原始行数据：[101, true, P, b, br, 2020], [101, true, P, 20, br, 2020], [101, true, P, b, breach, 2020]
• 原有导出实现代码：

var link = document.createElement('a');
link.id = 'download-csv';
link.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(queries.toString().replaceAll("[","").replaceAll("],","\\r\\n").replaceAll(",",";").trim().replaceAll("]","")));
link.setAttribute('download', 'yourfiletextgoeshere.csv');
document.body.appendChild(link);
document.querySelector('#download-csv').click();

• 异常表现：生成的CSV文件中所有内容挤在同一行，原本预期的换行位置直接展示字面量的\r\n文本，没有实际换行效果。

问题根因 #

• 转义层级错误：JS代码中写"\\r\\n"时，双反斜杠会被转义为普通字符，最终生成的是斜杠、r、斜杠、n四个普通文本字符，并不是系统可识别的回车+换行控制符，无法触发换行。
• 逻辑隐患：直接对数组toString()的结果做全局暴力替换，一旦某条数据本身包含逗号、方括号字符，就会出现内容被错误截断拆分的问题。

修复方案 #

若需要最小改动快速修复：仅需将替换规则里的\\r\\n调整为\r\n，即可让换行生效，但依然存在全局替换误伤数据的隐患。

长期稳定的实现需要替换原有暴力替换逻辑，改用逐行拼接生成CSV内容，同时适配CSV的标准MIME类型，添加BOM头避免Excel打开乱码，具体修正后代码：

const queries = [[101, true, 'P', 'b', 'br', 2020], [101, true, 'P', 20, 'br', 2020], [101, true, 'P', 'b', 'breach', 2020]]
// 逐行拼接CSV内容
const csvContent = queries.map(row => row.join(';')).join('\r\n');
// 添加UTF-8 BOM头兼容Excel编码识别
const csvBlob = new Blob(['\ufeff' + csvContent], { type: 'text/csv;charset=utf-8' });

const link = document.createElement('a');
link.id = 'download-csv';
link.href = URL.createObjectURL(csvBlob);
link.download = 'yourfiletextgoeshere.csv';
document.body.appendChild(link);
link.click();
// 清理对象URL释放内存
URL.revokeObjectURL(link.href);

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