React Native中如何用JavaScript修改Firebase数组映射的单个字段

情况1：你的ArrayTest是Firestore数组类型 #

如果ArrayTest是标准的Firestore数组（控制台中显示为[元素0, 元素1, ...]），你原本的代码逻辑是正确的，理论上不会删除其他数组元素。若出现其他元素丢失，大概率是测试过程中的误操作，或是代码中存在未展示的其他修改逻辑。

如果需要确保并发场景下的更新安全，可以使用事务实现：

const updateArrayField = async () => {
  const usersDocRef = firestore().collection('users').doc(docID);

  await firestore().runTransaction(async transaction => {
    const docSnapshot = await transaction.get(usersDocRef);
    if (!docSnapshot.exists) {
      throw new Error('目标文档不存在');
    }

    const { ArrayTest } = docSnapshot.data();
    // 复制数组避免直接修改原数据
    const updatedArray = [...ArrayTest];
    
    // 检查索引1的元素是否存在
    if (updatedArray[1]) {
      // 仅更新field1，保留其他字段
      updatedArray[1] = { ...updatedArray[1], field1: "newFoo" };
    } else {
      // 若索引1不存在，可选择新增元素（按需调整）
      updatedArray[1] = { field1: "newFoo", field2: "" };
    }

    transaction.update(usersDocRef, { ArrayTest: updatedArray });
  });
};

情况2：你的ArrayTest是Firestore Map（对象）类型 #

如果ArrayTest实际上是以数字为键的对象（控制台中显示为{ "0": {...}, "1": {...} }），使用set方法并配合merge: true参数可确保只更新指定字段，不会删除其他键值对：

const updateMapField = async () => {
  const usersDocRef = firestore().collection('users').doc(docID);

  await usersDocRef.set(
    { 'ArrayTest.1.field1': "newFoo" },
    { merge: true }
  );
};

关键注意事项 #

• 明确区分Firestore的数组和Map对象：数组是有序连续的列表，Map是键值对集合，两者更新逻辑存在细微差异。
• 避免直接修改从Firestore获取的原数据，需通过复制（如[...ArrayTest]）生成新的数组/对象后再修改，防止数据污染。

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