Loop through array of Mongoose data

Question

I'm trying to fetch an array of data from Mongoose, loop through the array and add an object to Three.js scene for each item in array.

When I try to render the scene in the browser I'm getting an error saying:

"client_world.js:37 Uncaught (in promise) TypeError: data is not iterable at getData"

However when I console log the data in the get request querying the database, it prints all of the data entries as an array, sp they must be iterable.

I think maybe the data is not arriving to the javascript file.

Here is the code to get the data from the db:

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)
    })
};

this function is in the following get req:

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

This is the code snippet from the js file:

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)
}
  }
}

nothing in logging to the console in the getData function, however the browser is reading some kind of empty json object.

.. Does anyone know what I'm doing wrong?

90932e8 · Accepted Answer · 2019-09-24 21:25:46Z

1

Your issue may be as simple as calling the .json method as opposed to referencing it.

Referring to this document: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch .json is a method of the response object returned from fetch.

Try using const data = await response.json();

answered Sep 24, 2019 at 21:25

90932e8

214 bronze badges

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

1 Comment

Nancy Collins Over a year ago

You're right, thank you very much! Probably would've taken me days to figure that out as I would've thought it was something deeper!

Collectives™ on Stack Overflow

Loop through array of Mongoose data

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related