JavaScript读取JSON嵌套bought_together值失败求助

看起来你卡在了从嵌套JSON结构里提取related下的bought_together值的环节，我来帮你理顺这个问题。

首先，我先假设你的test.json结构大概是这样的（如果实际结构不一样，你可以把JSON内容贴出来，我再调整代码）：

{
  "products": [
    {
      "id": 1,
      "name": "无线耳机",
      "related": {
        "bought_together": ["充电盒", "耳机套"]
      }
    },
    {
      "id": 2,
      "name": "笔记本电脑",
      "related": {
        "bought_together": ["鼠标", "键盘"]
      }
    }
  ]
}

针对你的需求，我修改了代码，既能正确获取嵌套的bought_together值，也保留了你的测试逻辑，同时增加了错误处理避免踩坑：

$(function() {
  $.getJSON('test.json', function(data) {
    // 遍历products数组里的每一个商品
    $.each(data.products, function(key, product) {
      // 先检查嵌套属性是否存在，避免因为某个商品没有该属性导致代码报错中断
      if (product.related && product.related.bought_together) {
        // 这里已经成功拿到bought_together的值了，你可以替换成自己的业务逻辑
        console.log(`商品${product.name}的一起购买推荐:`, product.related.bought_together);
        
        // 保留你的测试代码，验证if语句是否生效
        document.body.innerHTML = 'hello';
      } else {
        // 处理部分商品没有关联数据的情况
        console.log(`商品${product.name}没有一起购买的关联数据`);
      }
    });
  })
  // 别忘了加上请求失败的处理，比如文件路径错了、JSON格式写错了都能及时发现
  .fail(function(jqxhr, textStatus, error) {
    const errMsg = `${textStatus}: ${error}`;
    console.error('JSON文件加载失败:', errMsg);
    document.body.innerHTML = `加载失败: ${errMsg}`;
  });
});

这里有几个关键要点要注意：

• 嵌套属性必须做存在性检查：如果某个商品没有related或者bought_together属性，直接访问会导致代码报错中断，所以用product.related && product.related.bought_together先判断存在性
• 用console.log调试更高效：在正式修改页面内容前，先把拿到的值打印到控制台，确认数据是正确的，比直接修改页面更容易排查问题
• 不要忽略请求失败的情况：很多时候问题不是出在遍历逻辑，而是JSON文件路径错误、格式不合法，加上.fail()能帮你快速定位这类问题

如果你的JSON结构和我假设的不一样，或者还有其他细节没说明，随时补充信息我再帮你调整~

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