ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレット ループとネストされたループの詳細な説明

WeChat アプレット ループとネストされたループの詳細な説明

小云云
リリース: 2018-05-28 10:51:32
オリジナル
4816 人が閲覧しました

この記事は、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"
ログイン後にコピー

listTop にオブジェクト com が存在する場合、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) 
     } 
    } 
     }
ログイン後にコピー

関連する推奨事項:


WeChat 開発リスト レンダリング マルチ-layer ネストされたループ

Oracle ネストされたループの実行計画の最適化

複数の foreach ネストされたループの問題

以上がWeChat アプレット ループとネストされたループの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート