从Handlebars返回对象值，如何获取settleFight内部完整数据？

看起来你是在处理Handlebars返回的嵌套对象时，遇到了无法正确解析内部settleFight数据的问题——直接打印显示[object Object]，甚至JSON.stringify后还出现内层对象被转成字符串的情况，我来帮你一步步梳理解决方法：

1. 先搞清楚为什么会显示[object Object] #

当你直接用console.log打印对象，或者把对象和字符串拼接时（比如"Settlement data: " + obj），JavaScript会默认调用对象的toString()方法，而普通对象的toString()就会返回[object Object]。如果你的数据是嵌套结构，内层对象没被展开，就会出现你看到的{"Record":"[object Object]"}——这说明Record本身是个对象，但在某个环节被错误转成了字符串。

2. 正确获取并查看settleFight内部数据 #

根据你给出的JSON结构示例，假设Handlebars返回的原始数据是settlementData，你可以通过以下方式获取settleFight：

（1）在JavaScript代码中访问 #

直接通过属性链定位到目标对象，避免直接打印整个顶层对象：

// 先定位到Data数组的第一个元素，再获取settleFight
const settleFightData = settlementData.Data[0].settleFight;

// 用console.dir展开查看完整结构（比console.log更适合嵌套对象）
console.dir(settleFightData);

// 转成格式化的JSON字符串输出，方便查看
console.log(JSON.stringify(settleFightData, null, 2));

（2）在Handlebars模板中输出 #

如果要在模板里展示settleFight的内容，有两种方式：

• 访问具体字段：直接通过属性链调用，比如要获取ATransfers里的From值：

  {{this.Data.[0].settleFight.ATransfers.[0].From}}
  

• 输出完整JSON结构：Handlebars没有内置的JSON.stringify方法，需要先注册一个自定义Helper：

  Handlebars.registerHelper('json', function(obj) {
    return JSON.stringify(obj, null, 2);
  });
  

  然后在模板中使用：

  {{json this.Data.[0].settleFight}}
  

3. 避免stringify后出现"[object Object]"的坑 #

如果你遇到{"Record":"[object Object]"}这种情况，说明你在代码中可能不小心把Record对象转成了字符串（比如做了"Record: " + recordObj这类拼接操作）。解决办法是：

• 直接操作对象本身，不要提前将嵌套对象转成字符串
• 确保在调用JSON.stringify时，传入的是完整的嵌套对象，而非已经被转成字符串的属性

示例验证 #

假设你的原始数据结构是：

const settlementData = {
  Data: [
    {
      Key: "HELLOWORLD1234",
      settleFight: {
        ATransfers: [
          {
            From: "Delhi",
            To: "Mumbai",
            ID: "ACK1994",
            Qty: "900"
          }
        ],
        LastUpdate: "2024-05-20"
      }
    }
  ]
};

按照上面的方法，就能完整获取到settleFight里的所有数据，包括ATransfers数组和其他属性。

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