pug
Pugによる反復

前書き

備考

各反復

単純なデータストアを app.jsしてapp.jsを作成する ：

app.get("/bookstore", function (req, res, next) {
    // Your route data
   var bookStore = [
        {
            title: "Templating with Pug",
            author: "Winston Smith",
            pages: 143,
            year: 2017        
        },
        {
            title: "Node.js will help",
            author: "Guy Fake",
            pages: 879,
            year: 2015        
        }
    ];
    res.render("index", {
        bookStore: bookStore
    });
});

index.pugファイルと各ループを使用してデータストアをindex.pugます。

each book in bookStore
  ul
    li= book.title
    li= book.author
    li= book.pages
    li= book.year

結果は次のようになります。

<ul>
  <li>Templating with Pug</li>
  <li>Winston Smith</li>
  <li>143</li>
  <li>2017</li>
</ul>
<ul>
  <li>Node.js will help</li>
  <li>Guy Fake</li>
  <li>879</li>
  <li>2015</li>
</ul>

参照