【微信小程序】数组操作
生活随笔
收集整理的這篇文章主要介紹了
【微信小程序】数组操作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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
總結
以上是生活随笔為你收集整理的【微信小程序】数组操作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 伺服系统控制网络的重要性! 现场总线的重
- 下一篇: 2921年3月计算机二级office,国