JSON.stringify格式化失效：输出仍为带转义斜杠的单行字符串

在Node.js项目中读取values.json和collection.json，将collection.json中的占位符替换为values.json的对应值后，调用JSON.stringify(stringifiedData, null, 4)试图美化输出，结果却得到带有大量转义斜杠的单行字符串。

问题根源 #

你大概率是在替换占位符的环节把collection.json解析后的JSON对象转换成了字符串，后续再对这个字符串执行JSON.stringify时，会把字符串本身作为序列化对象，自然会出现转义斜杠并输出单行格式——因为此时你序列化的是字符串，不是JSON对象。

正确解决步骤 #

1. 确保文件解析为JSON对象：读取文件后，用JSON.parse()把文件内容转换成JSON对象，而非保留字符串格式。
2. 直接操作JSON对象替换占位符：遍历collection对象的属性，将占位符替换为values中的对应值，全程保持对象格式。
3. 最后对JSON对象执行美化序列化：替换完成后，再调用JSON.stringify()处理最终的JSON对象。

代码示例 #

假设你的values.json内容如下：

{
  "baseUrl": "https://api.example.com",
  "timeout": 3000
}

collection.json内容（含占位符）：

{
  "name": "API Collection",
  "requests": [
    {
      "url": "{{baseUrl}}/users",
      "timeout": "{{timeout}}"
    }
  ]
}

正确的Node.js代码实现：

const fs = require('fs').promises;

async function processFiles() {
  // 1. 读取并解析两个JSON文件为对象
  const valuesRaw = await fs.readFile('./values.json', 'utf8');
  const values = JSON.parse(valuesRaw);
  
  const collectionRaw = await fs.readFile('./collection.json', 'utf8');
  const collection = JSON.parse(collectionRaw);

  // 2. 遍历对象替换占位符（递归遍历适配复杂结构）
  function replacePlaceholders(obj) {
    for (const key in obj) {
      if (typeof obj[key] === 'string') {
        // 匹配{{xxx}}格式的占位符
        obj[key] = obj[key].replace(/{{(\w+)}}/g, (match, placeholderKey) => {
          return values[placeholderKey] || match; // 找不到对应值则保留原占位符
        });
        // 按需转换类型（比如把数字字符串转成数字）
        if (!isNaN(obj[key])) {
          obj[key] = Number(obj[key]);
        }
      } else if (typeof obj[key] === 'object' && obj[key] !== null) {
        replacePlaceholders(obj[key]); // 递归处理嵌套对象/数组
      }
    }
    return obj;
  }

  const processedCollection = replacePlaceholders(collection);

  // 3. 美化序列化JSON对象
  const formattedJson = JSON.stringify(processedCollection, null, 4);
  console.log(formattedJson);
  // 写入文件（可选）
  await fs.writeFile('./processed-collection.json', formattedJson, 'utf8');
}

processFiles().catch(err => console.error(err));

预期输出 #

执行后会得到格式化后的多行JSON，无转义斜杠：

{
    "name": "API Collection",
    "requests": [
        {
            "url": "https://api.example.com/users",
            "timeout": 3000
        }
    ]
}

常见错误排查 #

• 检查是否在替换前把collection对象转成了字符串（比如用JSON.stringify(collection)），再做占位符替换——这是最容易犯的错误。
• 确保values.json中的值类型与collection中占位符的预期类型匹配（比如数字类型不要保留为字符串）。

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