如何在JavaScript中访问FireStore数组内的映射并对嵌套映射值进行查询过滤？

嘿，我来帮你搞定Firestore数组里嵌套Map的查询问题，分两部分给你讲清楚：

当你从Firestore获取到包含数组字段的文档后，直接遍历数组就能访问里面的每个Map对象。比如你代码里拿到的empleados数组，每个元素的solicitudAusencia字段就是存储Map的数组，你可以通过循环来读取Map里的键值对。

举个例子，在获取快照后的处理逻辑里，你可以这样访问：

onSnapshot(q,(snapshot)=>{ 
  let empleados=[] 
  snapshot.forEach(doc=>{ 
    empleados.push({ id: doc.id, ...doc.data() }) // 建议加上文档ID，方便后续操作
  })

  // 遍历每个员工的请假申请数组，访问内部的Map
  empleados.forEach(emp => {
    console.log(`员工${emp.nombre}的请假申请:`);
    emp.solicitudAusencia.forEach(solicitud => {
      // 访问Map里的字段，比如estado（状态）、motivo（原因）
      console.log(`- 状态: ${solicitud.estado}, 原因: ${solicitud.motivo}`);
    });
  })
  console.log(empleados)
})

这里要注意Firestore的查询规则：array-contains默认需要匹配完整的Map对象，但如果你想根据Map里的某个字段值过滤文档，有两种常用方式：

方式一：用array-contains匹配完整Map（适合已知完整Map内容的场景） #

如果你明确知道要匹配的完整Map结构，直接把这个Map作为array-contains的参数即可：

const empleado = collection(db, "empleados"); 
// 假设要找包含特定请假申请的文档（完整匹配Map）
const targetSolicitud = { estado: "pendiente", motivo: "enfermedad", fecha: "2024-05-20" };
const q = query(empleado, where('solicitudAusencia', 'array-contains', targetSolicitud));

onSnapshot(q,(snapshot)=>{ 
  let empleados=[] 
  snapshot.forEach(doc=>{ 
    empleados.push({ id: doc.id, ...doc.data() }) 
  })
  console.log("匹配到的员工:", empleados);
})

方式二：根据Map内的单个/多个字段过滤（更灵活） #

如果你只想过滤数组中存在至少一个Map满足特定字段条件的文档（比如只要有一个请假申请状态是pendiente），可以直接针对嵌套字段写查询：

const empleado = collection(db, "empleados"); 
// 查询数组中至少有一个Map的estado字段为pendiente的文档
const q = query(empleado, where('solicitudAusencia.estado', '==', 'pendiente'));

onSnapshot(q,(snapshot)=>{ 
  let empleados=[] 
  snapshot.forEach(doc=>{ 
    empleados.push({ id: doc.id, ...doc.data() }) 
  })

  // 还可以在客户端进一步过滤出符合条件的Map
  empleados.forEach(emp => {
    const pendientes = emp.solicitudAusencia.filter(solicitud => solicitud.estado === 'pendiente');
    console.log(`${emp.nombre}的待处理请假申请:`, pendientes);
  })
  console.log(empleados)
})

注意事项： #

• 当你使用where('arrayField.nestedField', '==', value)这类嵌套字段查询时，Firestore会要求你创建对应的复合索引。第一次运行代码时，控制台会弹出包含索引创建链接的错误，直接点击链接就能一键创建，非常方便。
• 如果需要同时过滤多个嵌套字段（比如状态为pendiente且原因为enfermedad），可以叠加where条件：

  const q = query(
    empleado,
    where('solicitudAusencia.estado', '==', 'pendiente'),
    where('solicitudAusencia.motivo', '==', 'enfermedad')
  );
  

  同样，这种复合查询也需要创建对应的复合索引。

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