Angular 5应用中JSON赋值后lang字段莫名消失问题求助

我完全懂你这种困惑——控制台直接打印res._body明明能看到"lang":"cn"，但转成JSON对象后这个字段就变成undefined了，换谁都会挠头。结合你的技术栈（Angular 5 + NestJS + MongoDB/Mongoose），我来拆解可能的原因和解决办法：

可能的原因分析 #

• Angular 5 HTTP模块的特殊处理：Angular 5用的是旧版Http模块（不是后来的HttpClient），它返回的Response对象里，_body可能不是纯字符串，或者存在隐藏的编码、转义问题。浏览器控制台打印时会做友好格式化，但实际字符串的格式可能有问题，导致JSON.parse解析异常。
• NestJS后端的序列化漏洞：Mongoose返回的文档自带很多额外属性（比如__v、_id），如果后端直接返回文档实例而不是纯JSON对象，序列化过程中可能悄悄丢失某些字段。
• 隐性的格式错误：比如响应字符串里有多余的转义字符、未闭合的引号，控制台打印时看不出来，但JSON.parse会严格解析导致字段丢失。

具体解决步骤 #

1. 先揪出res._body的真实面目 #

别只信控制台的“美颜”打印，直接输出原始字符串的完整内容，还可以加个错误捕获：

this.http.post(route, payload).subscribe(res => {
  // 打印原始字符串，排查是否有格式问题
  console.log('原始响应内容:', JSON.stringify(res["_body"]));
  try {
    const parsedData = JSON.parse(res["_body"]);
    console.log('解析后完整数据:', parsedData);
    console.log('lang字段值:', parsedData.lang);
  } catch (error) {
    console.error('JSON解析失败:', error);
  }
});

如果解析报错，那说明_body的字符串格式确实有问题，比如多了引号、转义错误。

2. 用Angular内置的解析方法更靠谱 #

Angular 5的Response对象自带json()方法，专门处理响应体解析，比手动JSON.parse更适配框架的处理逻辑：

this.http.post(route, payload).subscribe(res => {
  const data = res.json();
  console.log('解析后的数据:', data);
  console.log('lang字段:', data.lang);
});

这是因为res._body可能是Blob或者其他特殊格式，json()会自动处理这些情况。

3. 检查后端NestJS的响应输出 #

确保后端返回的是纯JSON对象，而不是Mongoose文档实例：

// 方法1：查询时用lean()直接返回纯对象
const doc = await this.yourModel.findOne({/* 查询条件 */}).lean();
// 方法2：把文档转成纯JSON
return doc.toJSON();

另外，排查下NestJS的响应拦截器，有没有配置过滤字段的逻辑，比如某些序列化拦截器会默认过滤未声明的字段。

4. 确认MongoDB里的原始数据 #

直接用MongoDB客户端（比如Robo 3T）查询对应文档，确认lang字段确实存在且值为cn，避免是后端查询时漏掉了这个字段。

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