WeChat ミニ プログラムのループとネストされたループの使用

この記事は、WeChat アプレット ループと入れ子ループの使用概要に関する関連情報を主に紹介します。この記事が必要な友人の参考になれば幸いです

WeChat アプレット ループと入れ子ループの使用概要。

WeChat ミニ プログラムに関して、私は最近 WeChat ミニ プログラムを担当することになりました。一般的に言って、始めるのはそれほど難しいことではありません。

データをインターフェイスにバインドするときにループやネストされたループを何度も使用したため、小さなプログラムのループ問題については多くの感情を抱いています。

js の POST または GET リクエストを通じてインターフェースからデータを取得し、それをページで定義されたオブジェクトに保存するには:

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

wxml ファイルでは、ループは

を通じて実装されます。

 wx:for="{{listTop}}"

オブジェクト内のデータを出力します。ここで、{{index }} を通じて添字を取得するか、添字をカスタマイズできます:

wx:for-index="index2"

オブジェクト com が listTop に存在する場合、wx:for= を使用できます。 「 {{item.com}}」は、ループ内のデータをループします。

実際のプロジェクトでは、このような問題に遭遇しました。ネストされたループのプロセス中に、タイムスタンプを日付/日前などの特定のフィールドの値に変換する必要があります。この時点で、次のようにする必要があります

WeChat アプレットは JS を直接呼び出すインターフェースをサポートしていないのですが、このときどうやって解決すればよいでしょうか:

最初は、JS のループを介してオブジェクトに入れようと思っていました。実際、前のステップで結果に近づきましたが、実際の開発では、入社して 1 か月未満の初心者でした。欠点があるため、終わりのないサイクルに陥ってしまいました。

解決策

: トラバースするときは、元のデータを目的のデータに置き換えるだけです。 。 。 。 （とても簡単ですが当局はこだわっていますが、私自身で解決したのでもっと良い方法があるかもしれません。あくまで説明です）

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

以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

WeChat ミニ プログラムについて ライフサイクルの紹介

WeChatミニプログラムキャンバスの開発について

以上がWeChat ミニ プログラムのループとネストされたループの使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。