如何使用JavaScript从Firebase实时数据库获取指定ID的结构化数据

当然可以实现！针对你想从Firebase实时数据库获取特定ID下结构化数据的需求，我给你整理了实用的实现方案，完全能得到你想要的格式，还能保留原对象的键顺序~

优先推荐：直接通过ID路径读取 #

Firebase实时数据库的读取是基于节点路径的，你可以直接定位到ID为1的节点，这样获取到的数据天然就是你想要的结构化对象，而且会自动保留原键值对的顺序（Firebase会保存你写入时的键顺序，你的Name和Bio是字符串键，完全没问题）。

示例代码如下：

// 先初始化Firebase（如果还没做的话）
import { initializeApp } from "firebase/app";
import { getDatabase, ref, get } from "firebase/database";

// 替换成你的Firebase项目配置
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  databaseURL: "YOUR_DATABASE_URL",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

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

// 封装获取指定ID数据的函数
async function getUserDataById(userId) {
  const userRef = ref(db, userId); // 直接指向目标ID的节点路径
  const snapshot = await get(userRef);
  
  if (snapshot.exists()) {
    const data = snapshot.val();
    console.log(data);
    // 此时data就是你需要的格式：
    // { Name: "karan", Bio: "hello this is Karan" }
    return data;
  } else {
    console.log(`ID为${userId}的节点不存在`);
    return null;
  }
}

// 调用函数获取ID为1的数据
getUserDataById("1");

备选方案：读取全部数据后筛选（不推荐） #

如果因为特殊场景需要先获取所有数据再筛选，也可以这么做，但这种方式在数据量大时效率很低，只适合小数据量场景：

async function fetchAllDataThenFilter(targetId) {
  const allUsersRef = ref(db);
  const snapshot = await get(allUsersRef);
  
  if (snapshot.exists()) {
    const allData = snapshot.val();
    const targetData = allData[targetId]; // 数字键用方括号访问更稳妥
    console.log(targetData);
    return targetData;
  } else {
    console.log("数据库中无数据");
    return null;
  }
}

fetchAllDataThenFilter("1");

关于键顺序的说明 #

你完全不用在意顺序问题，Firebase实时数据库在处理对象时，会保留字符串键的插入顺序，所以你获取到的data对象里，Name会始终在Bio前面，和你原JSON的顺序一致。

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