這篇文章將為大家詳細講解有關(guān)小程序開發(fā)中如何使用Map對象，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)是一家專業(yè)從事網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷、小程序開發(fā)、網(wǎng)站運營為一體的建站企業(yè)；在網(wǎng)站建設(shè)告別千篇一律，告別似曾相識，這一次我們重新定義網(wǎng)站建設(shè)，讓您的網(wǎng)站別具一格。成都響應(yīng)式網(wǎng)站建設(shè)，實現(xiàn)全網(wǎng)營銷！一站適應(yīng)多終端，一樣的建站，不一樣的體驗！

let localMap = new Map(),// 定義一個全局的MAP對象 
typeCode = ''; // 點擊分類里面的細分選項卡
handleClickTabs(e) { let id = e.target.dataset.index,
 code = e.target.dataset.id; 
typeCode = code;// 這里定義code，在請求回調(diào)里面使用 
this.setData({ leftTab : id }); 
if (localMap!=null) {// map對象 
let list = localMap.get(typeCode);//獲取對應(yīng)分類的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)); } }, //分類里面的內(nèi)容 handleGoodsSon(res) { let list = res.data; localMap.set(typeCode,list)//存對應(yīng)typeCode的list 
this.setData({ tabSonList:list }) },

這樣就實現(xiàn)了，對選項卡的優(yōu)化，如果接口數(shù)據(jù)變多了的話，會重新賦值。 雖然是自己給自己加戲，但這是也是我的一種工作態(tài)度，學(xué)習(xí)了新東西，還讓優(yōu)化了項目。

關(guān)于小程序開發(fā)中如何使用Map對象就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章題目：小程序開發(fā)中如何使用Map對象-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://chinadenli.net/article46/epheg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站改版、軟件開發(fā)、網(wǎng)站制作、動態(tài)網(wǎng)站、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)