如何控制项目在动态呈现的EJS列表中的位置?

Question

我在EJS中有一个<ol>，由从数据库中的对象获得的信息组成。当我创建新对象时，列表获得一个包含其信息的新<li>。这些对象的第一个字段都是日期。

是否有可能让<ol>根据这个日期字段按时间顺序排序?也就是说，最近的日期是列表中的"1"，但如果添加了一个更早日期的对象，它将变成"1"，而之前的最近日期变成"2"。日期也包含在列表中它自己的<span>中。

这是我的EJS现在的样子:

<ol class="shows">
<% for(let i=0; i < info.length; i++) {%>
<li class="show">
<span class="bold"><%= info[i].date %></span><span>  </span><span><%= info[i].bands %></span><span> - </span><span><%= info[i].venue %></span><span> - </span><span><%= info[i].ticketPrice %></span><span> - </span><span><%= info[i].startTime %></span><span> - </span><span><a href="<%= info[i].ticketLink %>">♣</a></span>
</li>
<% } %>
</ol>

Answer 1

简单排序你的数组…

info.sort((a,b)=> b-a)