WeChat Mini-Programm Verwendung von Schleifen und verschachtelten Schleifen

Dieser Artikel stellt hauptsächlich relevante Informationen zur Verwendungszusammenfassung von WeChat-Applet-Schleifen und verschachtelten Schleifen vor. Ich hoffe, dass dieser Artikel allen helfen kann, die Hilfe benötigen.

WeChat-Applet-Zusammenfassung der Verwendung von Schleifen und verschachtelten Schleifen

Was das WeChat-Applet betrifft, wurde ich kürzlich damit beauftragt, ein WeChat-Applet zu erstellen. Im Allgemeinen ist der Einstieg nicht allzu schwierig.

Ich habe große Bedenken hinsichtlich des Schleifenproblems kleiner Programme, da ich unzählige Male Schleifen und verschachtelte Schleifen verwendet habe, um Daten an die Schnittstelle zu binden.

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, 
       
     }) 
    } 
   })

Verwenden Sie in der WXML-Datei

 wx:for="{{listTop}}"

, um die Daten im Ausgabeobjekt zu durchlaufen. Hier können wir den Index über { abrufen. {index }} , Sie können auch den Index anpassen:

wx:for-index="index2"

Wenn das Objekt com in listTop vorhanden ist, können wir wx:for="{{item .com} }“, um die Daten in der Schleife zu durchlaufen.

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. des Zeitstempels, in Datum/vorherige Tage usw. konvertieren. 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, sodass Sie in einer Endlosschleife gefangen sind.

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

einen besseren Weg, hier ist 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) 
     } 
    } 
     }

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Über das WeChat Mini-Programm Einführung in den Lebenszyklus

Über die Entwicklung der WeChat-Miniprogramm-Leinwand

Das obige ist der detaillierte Inhalt vonWeChat Mini-Programm Verwendung von Schleifen und verschachtelten Schleifen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!