Detaillierte Erläuterung der WeChat-Applet-Schleifen und verschachtelten Schleifen

In diesem Artikel werden hauptsächlich relevante Informationen zur Verwendung von WeChat-Applet-Schleifen und verschachtelten Schleifen vorgestellt. Ich hoffe, dass dieser Artikel allen helfen kann.

Damit wir Daten von der Schnittstelle über POST- oder GET-Anfragen in js abrufen und in dem auf der Seite definierten Objekt speichern können:

//首页话题列表 
   wx.request({ 
    url: 'https://*******************', 
    method: 'POST', 
    data: { 
     pageNum: 1, 
     pageSize: 10 
    }, 
    success:function(res){ 
     that.setData({ 
      listTop:res.data, 
       
     }) 
    } 
   })

Übergeben Sie in der WXML-Datei

 wx:for="{{listTop}}"

Um die Schleifenausgabe von Daten im Objekt zu realisieren, können wir den Index über {{index }} abrufen oder den Index anpassen:

wx:for-index="index2"

Wenn das Objekt com existiert in listTop. Wir können wx:for="{{item.com}}" verwenden, um die Daten in der Schleife zu schleifen.

In einem tatsächlichen Projekt bin ich auf ein solches Problem gestoßen: Während des Nested-Loop-Prozesses muss ich den Wert eines bestimmten Felds, z. B. eines Zeitstempels, in Datum/vorherige Tage usw. umwandeln. Zu diesem Zeitpunkt haben wir sollte

wissen, dass das WeChat-Applet die Schnittstelle zum direkten Aufruf von JS nicht unterstützt. Wie sollen wir es zu diesem Zeitpunkt lösen:

Zuerst habe ich einen großen Fehler gemacht, das wollte ich schon immer Verwenden Sie JS in JS, indem Sie es in ein Objekt einschleifen und es dann auf der Schnittstelle ausschleifen. Ich war im vorherigen Schritt tatsächlich nahe am Ergebnis, aber in der tatsächlichen Entwicklung

habe ich immer noch viele Mängel Als Neuling, der erst seit weniger als einem Monat angestellt ist, ist man in einer Endlosschleife gefangen.

Lösung: Ersetzen Sie beim Durchlaufen einfach die Originaldaten durch die gewünschten Daten. . . . (Es ist ganz einfach, aber die Behörden sind davon besessen, aber da ich es selbst gelöst habe, gibt es vielleicht

einen besseren Weg, hier nur eine Beschreibung)

for (var i = 0; i < res.data.data.length;i++){ 
    console.log(res.data.data[i].comments+"**********"+i)  
    
    console.log("***"+i) 
    if (res.data.data[i].comments !=null){ 
     for (var j = 0; j < res.data.data[i].comments.length;j++){ 
      res.data.data[i].comments[j].createTime=transDate(res.data.data[i].comments[j].createTime) 
     } 
    } 
     }

Verwandte Empfehlungen :

WeChat-Entwicklungsliste, die mehrschichtige verschachtelte Schleife rendert

Ausführungsplanoptimierung der Oracle-verschachtelten Schleife

Mehrere foreach-Probleme mit verschachtelten Schleifen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der WeChat-Applet-Schleifen und verschachtelten Schleifen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!