Skip to main content

Firebase - update a spacific fields of single element of object of array in firestore

Firebase - update a spacific fields of single element of object of array in firestore
Firebase - update a spacific fields of single element of object of array in firestore 

Its actully advisable to use map instead of array when ever it is possible. But, there are cetain cases where you don't have option to do so. 

For example, you are directly saving the response from some outer source without any modification and they send you an array. In this case you will have array to work with.

Firestore does not support array here is why 
"bad things can happen if you have multiple clients all trying to update or delete array elements at specific indexes. In the past, Cloud Firestore addressed these issues by limiting what you can do with arrays "
For more details information you can refer to Kato Richardson post Best Practices: Arrays in Firebase

Firestore document having array [ used from stackoverflow question ]
Firestore document having array [ used from stackoverflow question ]

Suppose you have array of object something like shown in array. Now you want to update endTime field of the object on the index [1].

There is no direct way to update it. You might get some solution like this on internet.

 db.collection(something).doc(something)            
              .collection(something").doc(something)
              .update({
                "data.[1].startTime": [ value]  
              })

 db.collection(something).doc(something)            
              .collection(something").doc(something)
              .update({
                "data.${1}.startTime": [ value]
              })

But none of this is working actully [ at least not for me].


The only way to perform update on existin array element is to fetch complete array upate the desired element and update complete array.


// First data of the desired document
  db.collection(something).doc(something)
          .collection(something).doc(something)
          .get().then((doc) => {

            // Assign array to local javascript variable
            var objects = doc.data().dates
      
            // Assing desired element of object to local javascript variable 
            var objectToupdate = objects [1]

            // Update field of the element assigned to local javascript variable
            objectToupdate.startDate = [new Date]

            // reassign object to local array variable
            objects [1] = objectToupdate 

          // Update complete array with update copy of element we have 
          // created in local javascript variable.
          db.collection(something).doc(something)
          .collection(something).doc(something)
              .update({
                dates: dates
              })
   })

Comments

  1. thanx you very grateful your explanation has helped me, to update an array in firbase and had a while researching and could not get the way .. thank you very much

    ReplyDelete
  2. wow awesome thanks!!!!!!

    ReplyDelete
  3. Very nice!!! This is really good blog information thanks for sharing.

    ReplyDelete
  4. Thanks a lot man. I was so stuck with this issue. but it got solved now. Thanks a lot. Appreciate it

    ReplyDelete

Post a Comment

Popular posts from this blog

Apache : setup basic auth with apache in windows

Authentication is any process by which you verify that someone is who they claim they are. Authorization is any process by which someone is allowed to be where they want to go or to have information that they want to have. I will show here how to set up basic auth on the apache with windows. Pre-requests  Windows VPS Apache server ( That's it ) ( In windows it might be difficult to setup the Apache alone. So instead use something ling xampp , wamp or laragon .) RestClient (  I personally use the postman , but you can use your preferable client)  Windows VPS provider Steps  Enable the necessary modules in the Apache Create the password file Set the auth directives in the virtual host file. Verify basic auth. Enable the  necessary   modules  in the Apache Open the httpd.conf file in the apache's conf folder. httpd.conf file Enable the necessary modules to make the basic auth workin...

Sciter : GUI Application with Golang using HTML/CSS

GUI library for golang sciter This is the words from Sciter's Web site, Sciter brings a stack of web technologies to desktop UI development. Web designers and developers can reuse their experience and expertise in creating modern looking desktop applications. Various GUI frameworks offer different UI declaration and styling languages, such as QML and  XAML (Microsoft WPF) . On the contrary, Sciter allows using time proven, robust, and flexible HTML and CSS for GUI definition and GPU accelerated rendering.   Before using sciter I already tried other alternatives but none of them was satisfactory as an example first i tried andlabs / ui  library   i already have written a post on it. You can read it on post gui programming with golang .  But this library is still under construction and has no support for production apps. Secondly, I go for electron but the problem was my simple calc like the app was of size 150mb....

How To Configure Sendy on Ubuntu 16.04 with nginx

How To Configure Sendy on Ubuntu 16.04 with nginx Introduction Sendy is a self hosted email newsletter application that lets you send trackable emails via Amazon Simple Email Service (SES). You can host it on your vps. We are going to see how to host the Sendy on Ubuntu server having installed php , mysql and nginx Prerequisites Before you begin this guide you'll need the following: VPS with ubuntu 16.04 PHP MySQL nginx Step 1 — Get the licenced copy of sendy Sendy is a commercial product. You have to purchase it before using it. You can purchase it from   http://sendy.co After purchasing they will send you a copy of the sendy to your email id. Now transition to the next step by telling the reader what's next. Step 2 — Configer Sendy Extract the zip of sendy you get in the email Update the config.php file You will be able to find  config.php file inside the include folder. Update the varialbes inside config.php Set the App_PATH ...