Utilisation du mini-programme WeChat des boucles et des boucles imbriquées

Cet article présente principalement des informations pertinentes sur le résumé de l'utilisation des boucles d'applet WeChat et des boucles imbriquées. J'espère que cet article pourra aider tout le monde. Les amis dans le besoin peuvent se référer à

Résumé de l'utilisation de l'applet WeChat. de boucles et de boucles imbriquées

Concernant l'applet WeChat, j'ai récemment été chargé de réaliser une applet WeChat. C'est mon premier contact avec elle. De manière générale, ce n'est pas trop difficile de se lancer.

J'ai beaucoup de sentiments sur le problème des boucles des petits programmes, car j'ai utilisé d'innombrables fois des boucles et des boucles imbriquées pour lier des données à l'interface.

Pour que nous obtenions les données de l'interface via des requêtes POST ou GET en js et les stockions dans l'objet défini dans la page :

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

Dans le fichier wxml, passez

 wx:for="{{listTop}}"

pour parcourir les données dans l'objet de sortie. Ici, nous pouvons passer. {{index } } Récupérez l'indice, ou vous pouvez personnaliser l'indice :

wx:for-index="index2"

Lorsque l'objet com existe dans listTop, on peut passer wx : for=" {{item.com}}" pour parcourir les données de la boucle.

Dans un projet réel, j'ai rencontré un tel problème : pendant le processus de boucle imbriquée, je dois convertir la valeur d'un certain champ, tel que l'horodatage en date/jours auparavant, etc. Je devrais

savoir que l'applet WeChat ne prend pas en charge l'interface pour appeler directement JS. Comment devrions-nous le résoudre à ce moment-là :

Au début, j'ai fait une grosse erreur, j'ai toujours voulu le faire. utiliser JS dans JS En le bouclant dans un objet, puis en le bouclant sur l'interface, j'étais en fait proche du résultat de l'étape précédente, mais dans le développement proprement dit

j'ai encore de nombreuses lacunes en tant que novice qui n'est employé que depuis moins d'un mois, vous êtes donc coincé dans une boucle sans fin.

Solution : Lorsque vous parcourez, remplacez simplement les données d'origine par les données souhaitées. . . . (C'est très simple, mais les autorités sont confuses, mais comme je l'ai résolu moi-même, il y a peut-être

une meilleure solution, voici juste une description)

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

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos du mini-programme WeChat Introduction au cycle de vie

À propos du développement du mini programme WeChat Canvas

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!