애플 릿 개발 - 복잡 한 데이터 구조의 구축 및 값 수정

2263 단어 위 챗 애플 릿
목차
데이터 구조 구축
수정 값
우리 가 일부 데 이 터 를 조립 하여 우리 가 필요 로 하 는 데이터 구조 형식 으로 포장 해 야 할 때 예 를 들 자.
다음은 구축 할 목표 데이터 구조 입 니 다.
{
	"groupName": "  ",
	"groupDatas": [
		{
			"code": "01",
			"title": " 01",
			"anInfo": [
				{									
					"saveFlag": true,
					"saveValue": "1"
				}
			]
		},
		{
			"code": "02",
			"title": " 02",
			"anInfo": [
				{									
					"saveFlag": true,
					"saveValue": "2"
				}
			]
		}
	]
}

데이터 구조 구축
다음은 이러한 데이터 구 조 를 어떻게 구축 하 는 지 살 펴 보 자.
Page({
  /**
   *        
   */
  data: {
      motto: '     ',
      userInfo: {},
      hasUserInfo: false,
      canIUse: wx.canIUse('button.open-type.getUserInfo'),
      data2:{}
  },
onLoad: function (options) {
    var that = this;
    
    //      
    var QDatas=[]
    var anInfos=[]
  
    that.setData({
      ['anInfos[' + 0 + '].saveFlag']:true,
      ['anInfos[' + 0 + '].saveValue']:'1',
      ['anInfos[' + 1 + '].saveFlag']:true,
      ['anInfos[' + 1 + '].saveValue']:'2'
    })
    that.setData({
      ['QDatas[' + 0 + '].code']:'01',
      ['QDatas[' + 0 + '].title']:' 01',
      ['QDatas[' + 0 + '].anInfo']: that.data.anInfos[0],
      ['QDatas[' + 1 + '].code']:'02',
      ['QDatas[' + 1 + '].title']:' 02',
      ['QDatas[' + 1 + '].anInfo']: that.data.anInfos[1]
    })
   that.setData({
      'data2.groupName':'  ',
      'data2.groupDatas':that.data.QDatas
   })
}

수정 값
이러한 복잡 한 데이터 형식 구조의 구조 방식 을 알 게 되 었 는데 그 값 을 수정 하 는 방식 도 마찬가지 입 니 다. 예 를 들 어 우 리 는 이 데이터 의 saveValue 를 다른 내용 으로 수정 해 야 합 니 다.
var saveValues=[' value01',' value02']
for (var data_index in that.data.data2.groupDatas) {
   that.setData({
      ['groupDatas[' + data2_index + '].anInfo[' +data2_index+ '].saveValue']: saveValues[data_index]
   })
}

좋은 웹페이지 즐겨찾기