我正在做一個網路應用程式來使用節點 Js 來管理我的錢。
這是它的樣子:

我已經做了幾乎所有事情,但我還有一部分要做,那就是顯示我最近的 30 筆交易。我無法按我的意愿顯示我的交易。如果當前交易的日期與之前的交易不同,則必須顯示日期和交易,否則僅顯示交易。如果日期不同,我會在條件級別阻止
起初,我嘗試使用日期顯示第一筆交易,然后使用 (for) 或 (for in) 以條件顯示其他交易,但我無法在我的物件陣列中使用 i 變數。
像這樣 :
<%= transaction30[0].DateT%>
<%= transaction30[0].Name%>
<%= transaction30[0].Montant%>
<% for var i in transactions30 %> or <% for var i=1; i<= transactions30.length;i %> {
<% if(transactions30[i].DateT != transactions30[i-1].DateT) %>
然后顯示日期和資訊
<% }else{ %>
juste 顯示資訊
<% } %>
然后我在某個地方讀到了你不應該將 (for) 用于物件陣列的地方。所以我嘗試了一個forEach。這是我的代碼:
<h1>
<%= transactions30[0].DateT %>
</h1>
<% let status=transactions30[0].DateT %>
<% transactions30.forEach(function(item){ %>
<% console.log(item.DateT," et ",status) %>
<% if(item.DateT!=status) {%>
<h1>
<%= item.DateT %>
</h1>
<div class=" activite">
<div class="transaction-image"></div>
<div class="transaction-info-container">
<p class="transaction-nom">
<%= item.Nom %>
</p>
<p class="transaction-categorie">
<%= item.Categorie %>
</p>
</div>
<p class="transaction-montant">
<%= item.Montant %>
</p>
</div>
<% status=item.DateT %>
<% }else{ %>
<div class="activite">
<div class="transaction-image"></div>
<div class="transaction-info-container">
<p class="transaction-nom">
<%= item.Nom %>
</p>
<p class="transaction-categorie">
<%= item.Categorie %>
</p>
</div>
<p class="transaction-montant">
<%= item.Montant %>
</p>
</div>
<% } %>
<% }); %>
'prevdate' 變數更新良好,但它始終顯示所有交易的日期。(if) 條件有效,但僅適用于第一筆交易,因為我沒有兩次獲得第一筆交易的日期(我在開始時顯示第一個日期,超出了 forEach 條件)
這是更好理解的陣列:名為 transactions30的陣列
有人能幫助我嗎 ?
uj5u.com熱心網友回復:
如果找到解決方案。而不是 (if date != previsousdate) 我不得不做 if(date < previousdate || date > previousdate) 現在它的作業
<h1>
<%= transactions30[0].DateT %>
</h1>
<% let status=transactions30[0].DateT %>
<% transactions30.forEach(function(item){ %>
<% console.log(item.DateT," et ",status) %>
<% if(item.DateT>status || item.DateT < status) {%>
<h1>
<%= item.DateT %>
</h1>
<div class=" activite">
<div class="transaction-image"></div>
<div class="transaction-info-container">
<p class="transaction-nom">
<%= item.Nom %>
</p>
<p class="transaction-categorie">
<%= item.Categorie %>
</p>
</div>
<p class="transaction-montant">
<%= item.Montant %>
</p>
</div>
<% status=item.DateT %>
<% }else{ %>
<div class="activite">
<div class="transaction-image"></div>
<div class="transaction-info-container">
<p class="transaction-nom">
<%= item.Nom %>
</p>
<p class="transaction-categorie">
<%= item.Categorie %>
</p>
</div>
<p class="transaction-montant">
<%= item.Montant %>
</p>
</div>
<% } %>
<% }); %>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/524346.html
上一篇:列印用戶輸入的數字的最后n,(n 1),(n 2),....(n 31)位數的程式,其中n=1,否則列印“0 錯誤.額外”
