Firebase REST查询如何去除键值直接获取子元素？

问题背景 #

你通过Firebase REST API查询用户数据时，得到的结果是包含节点ID（比如123456）的键值对结构，导致无法直接通过user.Email访问属性，必须指定节点ID才能拿到数据。你的查询语句和返回数据如下：

查询语句 #

firebaseurl/user.json?orderBy="Email"&equalTo="test@hotmail.com"

返回数据结构 #

{
  "123456": {
    "Email": "test@hotmail.com",
    "Password": "John Doe"
  }
}

解决方案 #

Firebase REST API的设计就是保留节点ID作为键（这是实时数据库中子节点的唯一标识），所以没法通过修改查询参数直接去掉这些键，但你可以通过前端处理来实现直接访问子元素，下面是两种常用方法：

1. 把对象转换为数组（最简单的前端处理） #

利用JavaScript的Object.values()方法，把返回的键值对对象转换成只包含值的数组，这样就能直接通过索引访问元素：

// 假设user是你从API获取的响应数据
const userList = Object.values(user);
// 访问第一个匹配的用户邮箱
console.log(userList[0].Email); // 输出: test@hotmail.com

如果需要保留节点ID（比如后续要更新数据时用到），可以用Object.entries()同时获取ID和用户数据：

const userEntries = Object.entries(user);
userEntries.forEach(([userId, userInfo]) => {
  console.log(`用户ID: ${userId}`); // 输出: 123456
  console.log(`用户邮箱: ${userInfo.Email}`); // 输出: test@hotmail.com
});

2. 使用Firebase JavaScript SDK（更推荐的方案） #

如果你的项目允许集成Firebase SDK，它会提供更便捷的数据处理方式，不需要手动转换结构。示例代码如下：

// 先初始化Firebase（根据你的项目配置调整）
import { initializeApp } from "firebase/app";
import { getDatabase, ref, query, orderByChild, equalTo, get } from "firebase/database";

const firebaseConfig = {
  // 你的Firebase配置信息
};

const app = initializeApp(firebaseConfig);
const db = getDatabase(app);

// 执行查询
const userQuery = query(
  ref(db, "user"),
  orderByChild("Email"),
  equalTo("test@hotmail.com")
);

get(userQuery).then((snapshot) => {
  if (snapshot.exists()) {
    // 转换为数组后取第一个结果
    const matchedUser = Object.values(snapshot.val())[0];
    console.log(matchedUser.Email);
  } else {
    console.log("没有找到匹配的用户");
  }
}).catch((error) => {
  console.error("查询出错:", error);
});

关键说明 #

Firebase REST API本身不支持直接返回不带节点ID的结构，因为这些ID是数据库中节点的唯一标识，用于区分不同的子节点。所以最直接的解决方式就是在前端把返回的对象转换为数组，或者使用SDK来简化数据处理。

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