微信小程式開發如何使用Map對象

let localMap = new Map(),// 定义一个全局的MAP对象 
typeCode = ''; // 点击分类里面的细分选项卡
handleClickTabs(e) { let id = e.target.dataset.index,
 code = e.target.dataset.id; 
typeCode = code;// 这里定义code，在请求回调里面使用 
this.setData({ leftTab : id }); 
if (localMap!=null) {// map对象 
let list = localMap.get(typeCode);//获取对应分类的type的code 
if (list!=null) {//map里面有值，渲染页面 
this.setData({ tabSonList:list }) }else {//map里面没有值，去请求接口 const data = { goodsTypeCode: code }; 
utils.sendRequest(api.ClassifySon, data, this.handleGoodsSon.bind(this)); }
 }else { const data = { goodsTypeCode: code }; 
utils.sendRequest(api.ClassifySon, data, this.handleGoodsSon.bind(this)); } }, //分类里面的内容 handleGoodsSon(res) { let list = res.data; localMap.set(typeCode,list)//存对应typeCode的list 
this.setData({ tabSonList:list }) },

這樣就實現了，對選項卡的最佳化，如果介面資料變多了的話，會重新賦值。雖然是自己給自己加戲，但這是也是我的一種工作態度，學習了新東西，也讓優化了專案。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

微信小程式開發rpx使用

微信小程式開發怎麼建立頁面

以上是微信小程式開發如何使用Map對象的詳細內容。更多資訊請關注PHP中文網其他相關文章！