CloudFirestore数组元素按索引删除及获取元素返回undefined求助

我来帮你捋捋这个问题哈～你当前代码打印undefined的核心原因是对数据结构的理解偏差：你误以为数组的索引是嵌套子集合里的文档ID，但实际上你的items集合下的文档（ID为this.subGroupData.sgId）里，直接包含了一个名为subGroupId的数组字段，数组里才是那些带itemName和itemPrice的元素，根本没有嵌套的items子集合哦！

一、正确获取指定索引的数组元素 #

你需要先拿到包含数组的父文档，再直接访问数组的对应索引，代码如下：

this.db.collection("items").doc(this.subGroupData.sgId).valueChanges().subscribe(docData => {
  // 先判断文档和数组是否存在，避免报错
  if (docData && docData.subGroupId) {
    const targetItem = docData.subGroupId[0]; // 获取索引为0的元素
    console.log("目标元素：", targetItem);
  } else {
    console.log("文档不存在或数组字段为空");
  }
});

二、删除数组内指定索引的元素 #

Firestore没有直接按索引删除数组元素的API，我们需要先获取整个数组，移除目标索引的元素后再写回文档：

// 1. 获取目标文档的引用
const targetDocRef = this.db.collection("items").doc(this.subGroupData.sgId);

// 2. 获取当前文档数据，操作数组
targetDocRef.get().then(doc => {
  if (doc.exists) {
    const docData = doc.data();
    const itemsArray = docData.subGroupId;
    const indexToDelete = 0; // 替换成你要删除的索引

    // 检查索引是否合法
    if (indexToDelete >= 0 && indexToDelete < itemsArray.length) {
      // 移除指定索引的元素
      itemsArray.splice(indexToDelete, 1);

      // 3. 将更新后的数组写回文档
      targetDocRef.update({ subGroupId: itemsArray })
        .then(() => console.log("数组元素删除成功！"))
        .catch(error => console.error("删除失败：", error));
    } else {
      console.log("指定的索引不存在，请检查！");
    }
  } else {
    console.log("目标文档不存在！");
  }
}).catch(error => console.error("获取文档失败：", error));

备选方案：如果元素唯一，用arrayRemove直接删值 #

如果你的数组元素有唯一标识（比如itemName不会重复），可以用Firestore的arrayRemove方法直接删除指定值的元素，不需要处理索引：

targetDocRef.update({
  subGroupId: firebase.firestore.FieldValue.arrayRemove({
    itemName: "要删除的商品名称",
    itemPrice: 对应商品价格
  })
});

⚠️ 注意：这个方法要求你传入的对象和数组里的元素完全匹配，包括所有字段和值。

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