Page({data: {list:[{id:1,name:'應季鮮果',count:1},{id:2,name:'精致糕點',count:6},{id:3,name:'全球美食烘培原料',count:12},{id:4,name:'無辣不歡生猛海鮮',count:5}]} })

?

一、向前向后新增數組

//假設這一段是我們要新增的數組 var newarray = [{id:5,name:'向后增加數據--'+new Date().getTime() ,count:89 }];//向前--用newarray與this.data.list合拼 this.data.list = newarray.concat(this.data.list);//向后--用this.data.list與newarray合拼 this.data.list = this.data.list.concat(newarray);//頁面渲染數據 this.setData({'list': this.data.list});

?

二、修改數組

//修改數組edit:function (e){//這個參數“e”的具體作用，請參考微信小程序官方提供的說明，地址為https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html?t=20161107var dataset = e.target.dataset; var Index = dataset.index; //在通過在wxml頁面里使用 data-index="{{index}}"傳遞過來的，是為識別正在編輯修改哪個數組。//我們要修改的數組 this.data.list[Index].name = '修改了內容'+new Date().getTime();//將合拼之后的數據，發送到視圖層，即渲染頁面 //大伙請記錄，修改了數據后，一定要再次執行`this.setData()`，頁面才會渲染數據的。 this.setData({list:this.data.list });}

?

三、刪除數據

//刪除remove:function (e){var dataset = e.target.dataset;var Index = dataset.index;//通過`index`識別要刪除第幾條數據，第二個數據為要刪除的項目數量，通常為1this.data.list.splice(Index,1);//渲染數據this.setData({list:this.data.list});}

?

四、清空數據

//清空clear:function (){//其實就是讓數組變成一個空數組即可this.setData({list:{}});}

?

Array對象方法列表

轉載于:https://www.cnblogs.com/weiboyuan/p/9232283.html

總結

以上是生活随笔為你收集整理的【微信小程序】数组操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。