解析Github Jobs API返回JSON时JSON.parse()错误的解决问询

我来帮你搞定这个头疼的JSON解析问题！你遇到的情况其实挺常见的——在线校验显示JSON有效，但自己用JSON.parse()就报错，根源大概率是隐藏的控制字符或者未正确转义的换行符在搞鬼，下面给你几个靠谱的解决方案：

1. 优先用Fetch API自带的解析方法，别手动parse #

你之前用fetch()出现其他错误，可能是写法问题？试试这个标准的fetch流程，它的response.json()方法会自动处理响应体的字符编码和解析，比你手动取文本再JSON.parse()可靠多了：

fetch('https://jobs.github.com/positions.json')
  .then(response => {
    // 先确认响应状态正常
    if (!response.ok) {
      throw new Error(`请求失败，状态码：${response.status}`);
    }
    // 直接用response.json()自动解析，不用手动处理
    return response.json();
  })
  .then(jobData => {
    console.log('成功解析数据：', jobData);
    // 这里就可以处理你的业务逻辑了
  })
  .catch(err => {
    console.error('请求或解析出错：', err);
  });

这个方法会帮你规避很多手动复制/粘贴带来的字符污染问题，也能正确处理API返回的原始编码。

2. 如果必须手动处理复制的JSON字符串 #

如果你还是需要处理复制到控制台的那段数据，试试下面的清理步骤：

方案A：清理所有非打印控制字符 #

你提到那个位置的字符是换行符（charCode 10），但可能还有其他隐藏的控制字符（比如ASCII 0-31里的其他字符），用正则一次性清理：

// 清理所有非打印控制字符，保留制表符（\t）因为JSON允许
const cleanedJson = yourCopiedData.replace(/[\x00-\x08\x0B\x0C\x0E-\x1F]/g, '');
// 再解析
const parsedData = JSON.parse(cleanedJson);

方案B：转义未被转义的换行符 #

如果报错是因为字符串里出现了裸的\n（没有被转义成\\n），在线校验工具可能自动帮你转义了，但JSON.parse()会严格校验，所以用正则把未转义的\n替换掉：

// 匹配没有被反斜杠前置的换行符，转义成\\n
const escapedJson = yourCopiedData.replace(/(?<!\\)\n/g, '\\n');
const parsedData = JSON.parse(escapedJson);

方案C：先去掉首尾的多余字符 #

有时候复制粘贴会不小心带了首尾的空格、换行，先trim一下：

const trimmedJson = yourCopiedData.trim();
const parsedData = JSON.parse(trimmedJson);

为什么会出现这种情况？ #

在线JSON校验工具通常会做一些容错处理（比如自动转义未转义的换行、忽略少量控制字符），但JavaScript的JSON.parse()是严格遵循JSON规范的——字符串里的换行必须用\\n表示，不能直接写裸的\n，而且大部分控制字符是不允许出现在JSON里的。你复制数据的时候，可能也不小心引入了额外的隐藏字符，导致解析失败。

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