Node.js Запрос коллекции Firestore forEach не может заполнить ассоциативный массив

Question

В этом упрощенном примере ассоциативный массив A не может быть заполнен в запросе Node.js Firestore - как будто существует проблема с областью видимости:

var A = {};

A["name"] = "nissa";

firestore.collection("magic: the gathering")
  .get()
  .then(function(query) {
    query.forEach(function(document) {
        A[document.id] = document.id;
        console.log(A);
    });
  })
  .catch(function(error) {
});

console.log(A);

Вывод на консоль:

{ name: 'nissa' } < last console.log()
{ name: 'nissa', formats: 'formats' } < first console.log() (in forEach loop)
{ name: 'nissa', formats: 'formats', releases: 'releases' } < second console.log() (in forEach loop)

Благодарен за любую помощь, пожалуйста, запросите дополнительную информацию, если это необходимо.

Answer 1

Данные загружаются из Firestore асинхронно, и пока это происходит, ваш основной код продолжает выполняться.

Проще всего понять, что это значит, поместив несколько операторов регистрации:

console.log("Starting to load data");
firestore.collection("magic: the gathering")
  .get()
  .then(function(query) {
    console.log("Got data");
  });
console.log("After starting to load data");

Когда вы запускаете этот код, он печатает:

Начало загрузки данных

После начала загрузки данных

Получил данные

Вероятно, это не тот порядок, в котором вы ожидали ведения журнала. Но на самом деле он работает так, как задумано, и объясняет вывод, который вы видите. К моменту последнего запуска console.log(A); данные еще не были загружены, поэтому A пусто.

---

Решение простое, но обычно требуется некоторое время, чтобы привыкнуть к: весь код, которому нужны данные из базы данных, должен быть внутри обратного вызова или вызываться оттуда.

Так что-то вроде этого:

var A = {};

A["name"] = "nissa";

firestore.collection("magic: the gathering")
  .get()
  .then(function(query) {
    query.forEach(function(document) {
        A[document.id] = document.id;
    });
    console.log(A);
  })

Также см .:

• Массив JSON объект не пустой, но не может повторяться с foreach, показывать нулевую длину
• NodeJS, поле получения Firestore
• Невозможно добавить маркеры Google внутри al oop, более сложная проблема, вызывающая множественную проблему асинхронного API
• в javascript между двумя функциями , который также показывает использование более современных ключевых слов async и await вместо then()
• Как получить данные из БД пожарного хранилища вне onSnapshot , который использует onSnapshot слушатель вместо get()