如何在调用JSON.parse时忽略JSON对象后的尾随文本完成解析？

这类混有非预期尾随内容的字符串，无法直接通过JSON.parse全量解析，需要先定位字符串中合法JSON的范围，截取对应子串后再完成解析，通用处理方法如下：

通用稳定方案：大括号配对匹配 #

标准JSON对象的最外层结构是配对的{和}，解析时通过计数器追踪大括号的嵌套层级，同时跳过JSON字符串值内部的大括号避免误判，就能精准定位完整JSON的范围：

function parseJsonWithTrailing(rawStr) {
  // 定位JSON起始位置
  const startPos = rawStr.indexOf('{');
  if (startPos === -1) throw new Error('输入字符串中未找到JSON起始标记');

  let braceCounter = 0;
  let endPos = -1;
  for (let i = startPos; i < rawStr.length; i++) {
    const currentChar = rawStr[i];
    // 跳过字符串值内部的内容，避免把字符串里的{/}当成结构标记
    if (currentChar === '"') {
      i++;
      while (i < rawStr.length) {
        // 处理转义的引号
        if (rawStr[i] === '\\') {
          i += 2;
          continue;
        }
        // 找到字符串的闭合引号
        if (rawStr[i] === '"') break;
        i++;
      }
      continue;
    }
    // 追踪大括号嵌套层级
    if (currentChar === '{') braceCounter++;
    if (currentChar === '}') {
      braceCounter--;
      // 大括号完全配对时，即为JSON的结束位置
      if (braceCounter === 0) {
        endPos = i;
        break;
      }
    }
  }

  if (endPos === -1) throw new Error('输入字符串中的JSON结构未正确闭合');
  // 截取有效JSON子串完成解析
  return JSON.parse(rawStr.slice(startPos, endPos + 1));
}

// 实际调用测试
const input = '{"username": "John Doe", "email": "john@example.com"} trailing text';
const result = parseJsonWithTrailing(input);
// 输出: { username: "John Doe", email: "john@example.com" }

该方案可以正确处理带嵌套结构的JSON、字符串值中包含大括号的场景，适配绝大多数带尾随文本的解析需求。

简单场景专用：快速截取方案 #

如果确定需要提取的JSON结构无嵌套、字符串值中不包含}字符，可以直接定位最后一个大括号的位置快速截取：

const input = '{"username": "John Doe", "email": "john@example.com"} trailing text';
// 截取从开头到最后一个}的完整子串
const jsonContent = input.slice(0, input.lastIndexOf('}') + 1);
const parsedData = JSON.parse(jsonContent);

注意：该简化方案遇到带嵌套的JSON（如{"user": {"name": "John"}} 尾随内容）、或者尾随文本中包含}的场景时，会出现定位错误，不适合复杂场景使用。

常见避坑提示 #

• 不要直接用正则/\{.*?\}/做非贪婪匹配截取：遇到JSON嵌套结构时，会在第一个内部}位置截断，导致解析失败
• 不要直接全量截断到第一个}的位置：带嵌套结构的JSON会在内部层级就提前截断，无法拿到完整对象

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