javascript - 循环 Mongoose 数据数组

Question

我正在尝试从 Mongoose 获取数据数组，循环遍历该数组并将对象添加到 Three.js 场景中，为数组中的每个项目添加一个对象。

当我尝试在浏览器中渲染场景时，我收到一条错误消息:

“client_world.js:37未捕获( promise 中)TypeError:数据在 getData 处不可迭代”

但是，当我控制台记录查询数据库的 get 请求中的数据时，它将所有数据条目打印为数组，sp 它们必须是可迭代的。

我认为数据可能没有到达 JavaScript 文件。

以下是从数据库获取数据的代码:

const indexVR = (req, res) => {
    Upload.find({})
    // .populate('Upload')
    .exec(function (err, docs) { 
        if (err) res.send(err)
        // docs.toString()
        res.json(docs)
        console.log(docs)
    })
};

该函数位于以下获取请求中:

router.get('/indexvr', FileCtrl.indexVR);

这是 js 文件中的代码片段:

getData()

async function getData() {
  const response = await fetch('/api/indexvr');
  const data = await response.json;
  console.log(data)

   for (item of data) {
    try {
     scene.add( cube );
    } catch (e) {
     console.error(e)
}
  }
}   

在 getData 函数中没有记录到控制台，但是浏览器正在读取某种空的 json 对象。

..有人知道我做错了什么吗？

Answer 1

您的问题可能就像调用 .json 方法而不是引用它一样简单。

引用此文档:https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch .json 是 fetch 返回的响应对象的方法。

尝试使用const data = wait response.json();