如何获取array中map结构的数据？Firebase场景下数组数据访问问题

以下操作以Firebase Firestore Web模块化SDK（v9+）为例，其他端操作逻辑一致：

• 第一步：拉取包含目标数组字段的文档，获取文档数据

import { doc, getDoc } from "firebase/firestore"; 

// 替换为你自己的集合名、文档ID
const docRef = doc(db, "collectionName", "documentId");
const docSnap = await getDoc(docRef);

if (docSnap.exists()) {
  const docData = docSnap.data();
  // 替换为你自己存储数组的字段名，例如userList、orderList等
  const targetArray = docData.arrayFieldName;
}

• 第二步：读取数组内的Map字段内容
  Firebase SDK会自动将数组中存储的Map结构解析为对应平台的原生对象，你可以直接通过数组下标+属性名的方式访问目标值：
  • 访问数组第1项（下标从0开始）的Map中title字段示例：

  const firstItemTitle = targetArray[0].title;
  

  • 遍历数组读取所有Map内的指定字段示例：

  targetArray.forEach(mapItem => {
    // 替换为你要读取的Map属性名
    const targetValue = mapItem.targetFieldName;
    console.log(targetValue);
  })
  

注意：如果你需要在查询阶段就筛选出数组内Map字段符合指定条件的文档，Firestore暂不支持直接使用where("数组字段.Map属性", "==", 目标值)的语法，只能用array-contains匹配完整的Map对象。如果这类查询需求高频出现，建议调整数据结构，将需要筛选的字段单独提取为索引字段，或改用子集合存储对应数据。

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