Firebase Web数据获取问题：JavaScript无法获取指定层级的lat/lng键

嘿，我看你在从Firebase Realtime Database获取嵌套的位置数据时卡壳了，特别是想拿到Users -> history -> location -> from下面的lat和lng对吧？咱们一步步来理清楚问题，然后搞定它！

首先，先确认你的数据库结构大概是这样的（如果和实际不符你可以调整）：

Users
  └── {userId}
      └── history
          └── location
              └── from
                  ├── lat: 37.7749
                  └── lng: -122.4194

问题出在哪？ #

你原来的代码里，数据库引用的路径可能少了Users/前缀（如果你的history是挂在用户节点下的话），而且在处理返回数据的时候，没必要用Object.keys去遍历——因为from本身就是一个包含lat和lng的对象，直接访问属性就行啦！

修正后的代码示例 #

// 替换成你要获取的目标用户ID
const userId = "目标用户的ID";
// 修正数据库引用路径，确保指向正确的节点
const ref = firebase.database().ref(`Users/${userId}/history/location/from`);

// 监听数据变化
ref.on('value', gotDataa, errDataa);

function gotDataa(data) {
  // 获取from节点的完整数据，这是一个包含lat和lng的对象
  const fromLocation = data.val();
  
  // 直接访问lat和lng属性
  if (fromLocation) { // 先判断数据是否存在，避免报错
    const lat = fromLocation.lat;
    const lng = fromLocation.lng;
    console.log("纬度：", lat);
    console.log("经度：", lng);
    
    // 如果以后需要遍历所有键（比如新增其他属性），可以这么做
    const keys = Object.keys(fromLocation);
    keys.forEach(key => {
      console.log(`${key}: ${fromLocation[key]}`);
    });
  } else {
    console.log("该位置数据不存在");
  }
}

function errDataa(error) {
  console.error("获取数据出错：", error);
}

关键要点 #

• 路径要准确：一定要对应你Firebase数据库的实际结构，如果history不是直接在根节点，而是在Users下的用户节点里，路径必须加上Users/{userId}/前缀。
• 直接访问属性：当你明确知道要获取的键名（lat和lng）时，直接通过对象属性访问是最直接的方式，比遍历keys更高效。
• 空值判断：记得先判断data.val()是否存在，避免因为节点不存在导致后续访问属性时报错。

如果你的数据库结构和我假设的不一样（比如history是一个多条目列表），那你可能需要先遍历history的子节点，再去取每个条目的location/from数据，到时候可以再补充细节哦！

内容的提问来源于stack exchange，提问作者K132133 Syed Arsalan Hussain