Vanilla JS, trying access objects in an array

Question

I can't access the contents of an array I saved from a firestore snapshot.

Here is the code:

function getDataFromFirestore() {
  let myList = [];
  db.collection("test")
    .get()
    .then((snapshot) => {
      snapshot.forEach((doc) => {
        myList.push(doc.data());
      });
    });

  console.log(myList);
  console.log(myList[1]);
  console.log(myList.length);
}

getDataFromFirestore();

here is return of console.log():

result of console.log()

Questions: Why were 3 items saved in the array using forEach and the length of it is = 0?

How do I access the objects saved in the array?

Thank you very much for your help.

I have another doubt, if I move the array myList[] outside of the function, I can read and get data from this array to use in another function? — Daniel
– Daniel, Commented Mar 9, 2021 at 19:34

Antonis S · Accepted Answer · 2021-03-06 08:54:29Z

2

db.collection("test").get() returns a promise, which means that is executed after the console.logs at the end.

A solution could be to move the console.logs inside then, or to use async await.

answered Mar 6, 2021 at 8:54

Antonis S

7736 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vanilla JS, trying access objects in an array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related