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

를 사용하여 출력의 데이터를 반복할 수 있습니다. 여기에서 아래 첨자를 가져오거나 아래 첨자를 사용자 정의할 수 있습니다.

wx:for-index="index2"

com 개체가 listTop에 있으면 wx:for="{{item.com}}"을 사용하여 다음을 수행할 수 있습니다. 루프 데이터를 반복합니다.

실제 프로젝트에서 다음과 같은 문제에 직면했습니다. 중첩 루프 프로세스 중에 타임스탬프와 같은 특정 필드의 값을 날짜/일 전 등으로 변환해야 합니다. 이때 우리는

알고 있습니다 위챗 애플릿은 JS를 직접 호출하는 인터페이스를 지원하지 않습니다. 이때 어떻게 해결해야 할까요?

처음에는 항상 JS에서 루프를 통해 객체에 넣고 싶었는데, 그런 다음 인터페이스에서 인터페이스에 추가하십시오. 아직 부족한 부분이 많아서 끝없는 루프에 빠졌어요.

Solution

: 트래버스할 때 원본 데이터를 원하는 데이터로 바꾸면 됩니다. . . . (아주 간단하지만 당국에서 푹 빠져 있는데 제가 직접 해결했기 때문에 더 좋은 방법이 있을 수도 있으니 여기서는 설명일 뿐입니다)

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 개발 목록 렌더링 멀티- 레이어 중첩 루프

Oracle 중첩 루프의 실행 계획 최적화

여러 foreach 중첩 루프 관련 문제

위 내용은 WeChat 애플릿 루프 및 중첩 루프에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!