最简洁的方式来在EJS中生成星星

在Node.JS（模板）中使用ejs什么是最清洁和最有效的（在打字方面）的方式来产生这种types的星星的HTML？

星星看起来像：

<div class="ratings"> <p class="pull-right"> reviews</p> <p> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star"></span> <span class="glyphicon glyphicon-star-empty"></span> </p> </div> 

我试图避免使用这样的一些令人厌恶的语法：

  <div class="ratings"> <p class="pull-right"> reviews</p> <p> <% for (i = 0; i < 5; i++) { %> <% if (i < (star_rating - 0.5)) { %> <span class="glyphicon glyphicon-star"></span> <% } else { %> <span class="glyphicon glyphicon-star-empty"></span> <% } %> <% } %> </p> </div> 

Answer 1

对于for循环没有什么可以做的，但是它内部的代码可以使用三元/条件运算符减less4行：

 <div class="ratings"> <p class="pull-right"> reviews</p> <p> <% for (var i = 0; i < 5; i++) { %> <span class="glyphicon glyphicon-star<%= (i < star_rating - 0.5)? '' : '-empty'%>"></span> <% } %> </p> </div>