Firebase Realtime Database非数字键对象forEach遍历问题

Firebase Realtime Database返回的带push令牌（即-N2mxxx格式的字符串键）的结构是标准JavaScript普通对象，不是数组类型。forEach()是数组实例的内置方法，无法直接在普通对象上调用，这就是遍历失效的核心原因。

以下三种是JavaScript中遍历这类字符串键对象的通用方案，完全适配Firebase返回的数据结构：

• 方案1：需要同时获取记录ID（push令牌）和记录内容，使用Object.entries()
  这是处理Firebase数据最常用的写法，既可以拿到每条数据的内容，也不会丢失自动生成的唯一标识：

  // firebaseData 为你从Firebase获取到的返回对象
  Object.entries(firebaseData).forEach(([recordId, recordContent]) => {
    // recordId 为单条记录对应的-N2m开头的唯一push键
    // recordContent 为包含anzahl、groesse、name、preis属性的单条商品记录
    console.log('记录ID：', recordId)
    console.log('商品名：', recordContent.name)
    console.log('单价：', recordContent.preis)
  })
  

• 方案2：仅需要遍历所有记录内容、不需要用到记录ID，使用Object.values()
  不需要保留push键时，这种写法最简洁：

  Object.values(firebaseData).forEach((item) => {
    // item即为单条商品记录，可直接读取属性
    console.log(`商品：${item.name}，购买数量：${item.anzahl}`)
  })
  

• 方案3：需要先获取所有键做筛选再处理对应数据，使用Object.keys()
  适合需要对ID做前置校验、过滤的场景：

  const allRecordIds = Object.keys(firebaseData)
  allRecordIds.forEach((id) => {
    const currentItem = firebaseData[id]
    // 后续处理逻辑和上述方案一致
  })
  

注意：不推荐直接使用for...in遍历这类对象，如果一定要用，必须添加hasOwnProperty校验，避免遍历到原型链上的无关属性：

for (const id in firebaseData) {
  if (firebaseData.hasOwnProperty(id)) {
    const item = firebaseData[id]
    // 处理逻辑
  }
}

如果后续逻辑需要调用数组的内置方法（比如filter、map、sort等），可以在遍历时直接整理成标准数组，还可以把记录ID合并到每条数据的属性中：

const dataList = Object.entries(firebaseData).map(([id, content]) => {
  return {
    id: id,
    ...content
  }
})
// 得到的dataList是标准数组，可直接调用所有数组实例方法

补充：你贴出的示例返回数据存在语法错误，getraenk4对应的对象缺少闭合的}，实际从Firebase SDK拿到的合法返回数据不会存在这类问题，无需额外处理。

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