WebアプリケーションにおけるINDEXページの作成について

Question

• 現在、Node、Mongo、ExpressでWebアプリケーションを制作しているのですが、INDEXページの構築について教えていただけると幸いです。(例として、「産地」情報を持った「野菜」データを取り扱う前提で記述します。)

＜やりたいこと＞

• 現在、全ての「野菜」の名前をWeb上に表示させることはできるのですが、ある特定の「産地」ごとにまとめて表示するにはどうしたらよいでしょうか?

　　//現在の結果
にんじん　じゃがいも　かぼちゃ　パセリ　

　　//やりたいこと
北海道
じゃがいも　かぼちゃ

　　長野
にんじん

　　佐賀
パセリ

• 現時点のコードは下記のようになっております。

＜コード(app.js)＞

//INDEX - show all vegetables
app.get("/vegetables",function(req,res){

   Vege.find({},function(err,allVeges){
       if(err){
           console.log(err);
       }else{
           res.render("veges/index", {funds: allVeges});
       }
   });
});

＜コード (show.ejs)＞

<div class="container">
            <% veges.forEach(function(vege){ %>
                        <p><%= vege.name %></p>   
            <% }); %>
</div>

わかりにくい質問で大変恐縮ですが、お教えいただけると幸いです。
よろしくお願いいたします。

Answer 1

お騒がせして申し訳ありません。簡単なIF文を挿入することで解決いたしました (2018年11月23日追記)

<% var regions = ["北海道", "青森",....."沖縄"] %>

<div>
       <% regions.forEach(function(region){ %>
            <h3> <%= region %></h3>
            <% veges.forEach(function(vege){ %>
               <% if(vege.region==region) { %>        
 　　　　　　　　　　　<p><%= vege.name %></p>  
 　　　　　　　　 <% } %>
            <% }); %>
        <% }); %>
</div>

Comments

[miyabi-sun]

それ47都道府県分やるの…？

[Shun0722]

なるほど。。。修正いたしました。
ご指摘ありがとうございます。

[miyabi-sun]

めっちゃ良くなったね、Nice！