如何从Firestore字段数组中删除指定索引的元素？

我需要点击ElevatedButton时删除Firestore中received_request数组的第一个元素（索引0），该数组存储的是嵌套Map结构的数据。

上传数据的代码（嵌套Map数组） #

// setting received_request
final data_2 = {
  "received_request" : FieldValue.arrayUnion([{ 
    "sender"   :  args.user_uid,
    "receiver" :  args.uid,
    "Name"     :  args.name_of,
    "status"   : "pending",
    "details"  :  {
      "date"              :  detail_class.datetime, 
      "total_dishes"      :  detail_class.total_dishes,                     
      "total_people"      :  detail_class.total_people,
      "meals"             :  detail_class.meals, 
      "location"          :  detail_class.location,
      "info"              :  detail_class.info,
    }  
  }]), 
};
 
// sending received_request to the database
db.collection("users").doc(args.uid).set(data_2, SetOptions(merge: true));

尝试的删除代码（未成功） #

我尝试用FieldValue.arrayRemove()删除元素，但传入完整字段内容后仍失败：

// delete it 
var collection = FirebaseFirestore.instance.collection('users');
collection 
.doc(loggedInUser.uid)
.update( {
'received_request': FieldValue.arrayRemove([{ 
"sender"  : '${snapshot.data[0]['received_request'][index] ['sender']}',                                                   
"receiver":'${snapshot.data[0]['received_request'][index]['receiver']}', 
"Name"    : '${snapshot.data[0]['received_request'][index]['Name']}',
"status"  : '${snapshot.data[0]['received_request'][index]['status']}',
"details" :  {
  "date":'${snapshot.data[0]['received_request'][index]['details']['date']}', 
  "total_dishes":'${snapshot.data[0]['received_request'][index]['details']['total_dishes']}',                     
  "total_people":'${snapshot.data[0]['received_request'][index]['details']['total_people']}',
  "meals":'${snapshot.data[0]['received_request'][index]['details']['meals']}', 
  "location":'${snapshot.data[0]['received_request'][index]['details']['location']}',
  "info":  '${snapshot.data[0]['received_request'][index]['details']['info']}',
}  
}]),
}
);

解决方案 #

问题根源 #

Firestore的arrayRemove()要求传入的元素必须和数组中存在的元素完全匹配，包括嵌套Map的所有键值对、数据类型（比如Timestamp不能转成字符串）。你的代码存在两个核心问题：

1. 字符串插值${...}把原始数据类型（如Timestamp）转成了字符串，导致匹配失败；
2. 代码存在语法错误：snapshot.data[0]['received_request'][index ['receiver']]缺少闭合括号，应为snapshot.data[0]['received_request'][index]['receiver']。

正确删除代码 #

直接从Firestore获取原始元素（保证类型和结构完全一致），再传入arrayRemove()：

// 点击按钮触发的删除方法
Future<void> deleteFirstRequest() async {
  final userDoc = FirebaseFirestore.instance.collection('users').doc(loggedInUser.uid);
  final docSnapshot = await userDoc.get();

  if (docSnapshot.exists) {
    final List<dynamic> requests = docSnapshot.data()?['received_request'] ?? [];
    if (requests.isNotEmpty) {
      // 取出数组第一个元素（原始结构和类型）
      final firstRequest = requests[0];
      // 执行删除
      await userDoc.update({
        'received_request': FieldValue.arrayRemove([firstRequest])
      });
    }
  }
}

使用方式 #

在ElevatedButton的onPressed中调用该方法：

ElevatedButton(
  onPressed: deleteFirstRequest,
  child: const Text('删除第一个请求'),
)

注意事项 #

• 操作前务必判断数组是否为空，避免索引越界；
• 不要修改获取到的元素结构或类型，否则arrayRemove()无法匹配；
• 如果需要删除指定索引的元素，只需替换requests[0]为对应索引即可。

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