Comment supprimer un objet d'un tableau dans firestore ?

Question

J'ai un problème avec la suppression d'un Object à partir d'un Array en firestore . J'ai ces données dans firestore :

Et maintenant je voudrais supprimer par exemple le deuxième Object de la posts Array .

Code :

 deletePic () {
  let docId = `${this.currentUser.uid}`

   fb.usersCollection.doc(docId).update({
     posts: firebase.firestore.FieldValue.arrayRemove()
   })
  .catch(function(error) {
      console.error("Error removing document: ", error);
  });
}

Mais je ne sais pas comment définir arrayRemove()

Voici les images et chacune d'entre elles possède un bouton de suppression pour supprimer l'image.

Answer 1

Vous pouvez également utiliser le arrayRemove de la méthode Valeur du champ aide.

docRef.update({
   array: FieldValue.arrayRemove('idToRemove');
});

https://firebase.googleblog.com/2018/08/better-arrays-in-cloud-firestore.html

Answer 2

EDIT : Avertissement N'utilisez pas ma solution car elle a plus de 3 ans, il existe aujourd'hui une nouvelle solution : https://stackoverflow.com/a/59745086/6668441 Le mien était un pur js et est un mauvais modèle.

Ne pouvez-vous pas utiliser filtre ? Et ensuite renvoyer le tableau des nouveaux messages à votre fb.usersCollection método

//deleteId is the id from the post you want to delete
posts.filter(post => post.id !== deleteId);

edit : Donc cela devrait être quelque chose comme :

 deletePic (deleteId) {
  let docId = `${this.currentUser.uid}`

   //deleteId is the id from the post you want to delete

   fb.usersCollection.doc(docId).update({
     posts: posts.filter(post => post.id !== deleteId);
   })
  .catch(function(error) {
      console.error("Error removing document: ", error);
  });
}

Answer 3

Vous pouvez effacer un objet du tableau en utilisant la fonction arrayRemove fonction. Mais vous devrez fournir un objet. Cet objet doit être identique à celui de votre tableau de doc sur la collection firestore.

Par exemple :

Le code suivant supprimera obj de myArray réseau, mais seulement si obj existent exactement dans ce tableau.

const obj = { field1, field2 ... } 

collectionRef.doc(docId).update({
    myArray: firebase.firestore.FieldValue.arrayRemove(obj)
})

Answer 4

Mise à jour des éléments d'un tableau

Si votre document contient un champ de type tableau, vous pouvez utiliser arrayUnion() et arrayRemove() pour ajouter et supprimer des éléments. arrayUnion() ajoute des éléments à un tableau, mais seulement les éléments qui ne sont pas déjà présents. arrayRemove() supprime toutes les instances de chaque élément donné.

// Atomically remove a region from the 'regions' array field.
city_ref.update({u'regions': firestore.ArrayRemove([u'east_coast'])})