推送后数组保持为空

Question

我声明了一个数组，但是当我将元素推入其中时，它仍然是空的。这是我的代码：

  var catsObjectId = new Array();
  var data = new Array();
  Recipe.find((err,doc3)=> {
    data = doc3;
    for (var i = 0; i < data.length; i++) {
      catsObjectId.push([]);
      data[i]['categories'].forEach((item, index) => {
        Recipecat.findOne({_id: item}, (err,result)=> {
          item = result.name;
          catsObjectId.push(item);
        });
      })
    }
    console.log(catsObjectId);
  });

这是配方架构：

var recipeSchema = Schema({
  categories: [{
    type: Schema.Types.ObjectId,
    ref: 'RecipeCat',
  }]
});

这是 Recipecat 架构：

var recipecatSchema = new Schema({
    name: {
        type: String,
        required: true
    }
});

我想用他们的名字替换 recipeCats 的 objectIds。

当我记录“catsObjectId”时，它显示一个空数组。

似乎是什么问题？

提前致谢！

Answer 1

（我知道这个问题有点老了，但如果您仍然需要帮助）

那是因为您正在推送到callback 之外的array 和JavaScript 的async 性质。

这里简单解释一下为什么它是空的

var catsObjectId = new Array();
var data = new Array();

Recipe.find((err,doc3)=> {
  // say execution 1
  for (var i = 0; i < data.length; i++) {
    catsObjectId.push([]);
    data[i]['categories'].forEach((item, index) => {
      // say execution 2
      Recipecat.findOne({_id: item}, (err,result)=> {
        item = result.name;
        catsObjectId.push(item);
      });
    })
  }
  // say execution 3
  console.log(catsObjectId);
});

首先执行execution 1。在这个forEach 中迭代每个项目并触发execution 2。然后继续执行execution 3。

问题是execution 2 是异步的，并且值在future 中的某个时间返回。这个未来是在excution 3 被执行之后。当Recipecat.findOne 完成执行时，将调用then(result.. 中的callback。但是console.log(catsObjectId) 已经被执行，而catsObjectId 在执行时是空的。

您应该在回调.then((data) => // use data here) 中使用catsObjectId 或使用async/await 使其成为sync 喜欢。

注意await仅在async函数内部有效

async function getSomeNames() {
  try {
    const data = await Recipe.find();
    // docs is an array of promises
    const docs = data.map((item, index) => {
      Recipecat.findOne({_id: item})
    });
    // items is an array of documents returned by findOne
    const items = await Promise.all(docs);
    // now you can map and get the names
    const names = items.map(item => item.name);
  } catch (e) {
    // handle error
    console.error(e);
  }
}
getSomeNames()

Answer 2

您必须使用 Promise 来控制您的代码。试试下面的代码并告诉我是否存在错误。

Recipe.find().then(doc3 => {
    data = doc3;
    for (var i = 0; i < data.length; i++) {
      data[i]['categories'].forEach((item, index) => {
        Recipecat.findOne({_id: item}).then(result => {
          item = result.name;
          catsObjectId.push(item);
        });
      })
    }
    console.log(catsObjectId);
  })
  .catch(err => {
      console.log(err);
  });

Answer 3

每次通过 for 循环时都会推送一个空数组。尝试删除此行。

catsObjectId.push([]);