How do I iterate over a JSON array using Jade and Node.js

Question

So I have this JSON array apiData being passed on to the view as data.

Backend

router.get('/', function(req, res) {
    var data = JSON.stringify(apiData);
    res.render('gallery', { data: apiData });
}); 

Frontend

extends layout

block content
    h1 MyProject
    !{JSON.stringify(data)}

I am trying to cache !{JSON.stringify(data)} in a variable and iterate through it in the jade file. I am completely new to jade. How could I go about doing this?

Answer 1

You have a few problems in your code, like not using the stringification you do server side at all.

But you don't even need JSON here. Simply pass the array and iterate on it :

Backend

router.get('/', function(req, res) {
    res.render('gallery', { data: apiData });
}); 

Frontend

extends layout

block content
    h1 MyProject
        each thing in data
             p= thing

You'll find examples of iteration in the documentation