微信小程序 數(shù)組（增，刪，改，查）等操作實例詳解
更新時間：2017年01月05日 15:44:49 投稿：lqh
這篇文章主要介紹了微信小程序 數(shù)組（增，刪，改，查）等操作實例詳解的相關資料,這里對小程序的數(shù)組進行操作，簡單實例，需要的朋友可以參考下
微信小程序 數(shù)組（增，刪，改，查）等操作
最近在做一個小程序的demo。由于不向后臺請求數(shù)據(jù)，所以就涉及到對本地數(shù)據(jù)的操作，也遇到了一些坑，本文就以數(shù)組的增刪改查為例，給新手分享一些經(jīng)驗。
首先這是原始數(shù)據(jù)，json的數(shù)組。
我們嘗試對改數(shù)據(jù)進行操作，同時渲染到頁面。
1，數(shù)據(jù)的添加
在獲取到表單的數(shù)據(jù)后，自己組裝一個對象，然后通過push()的方法添加一條數(shù)據(jù)，注意push的數(shù)據(jù)的index是+1的，也就是說原本數(shù)組中index依次為0，1，2，新增加的就是3，依次類推。
如果想在前面插入數(shù)據(jù)，就要用到數(shù)組合并的操作了，concat()方法可以選擇合并到前面或者后面例如newarray.concat(notes);。
2，數(shù)據(jù)的刪除
小程序里面貌似沒有remove的方法，所以刪除我選擇的是split方法，這也是遇到的一個坑。notes.splice(id,i)就可以從index為id的位置開始，刪除i個元素，這點大家都懂，看代碼就明白，不再贅述
3，數(shù)據(jù)的修改
notes = obj可以把數(shù)組中index為i的元素設置為obj。
最后，如果要在修改數(shù)據(jù)的同時渲染到頁面，一定要記得使用setData方法。
this.setData({ notes:notes })
順便附上js里面array操作的方法列表。大家可以自己試試。
您可能感興趣的文章:
- 微信小程序 for 循環(huán)詳解
- 微信小程序 input輸入框控件詳解及實例（多種示例）
- 微信小程序 跳轉頁面的兩種方法詳解
- 微信小程序開發(fā)（二）圖片上傳+服務端接收詳解
- 微信小程序 傳值取值的幾種方法總結
- 微信小程序-消息提示框實例
- 微信小程序 input輸入框詳解及簡單實例
- 微信小程序 wx.request(接口調(diào)用方式)詳解及實例
- 微信小程序 頁面跳轉傳參詳解
- 微信小程序 觸控事件詳細介紹
- 微信小程序通過api接口將json數(shù)據(jù)展現(xiàn)到小程序示例
- 微信小程序 小程序制作及動畫（animation樣式）詳解
- 微信小程序中使元素占滿整個屏幕高度實現(xiàn)方法
- 微信小程序 參數(shù)傳遞詳解
- 微信小程序 實現(xiàn)列表刷新的實例詳解
- 微信小程序 wx.request合法域名配置詳解
- 微信小程序設置http請求的步驟詳解
- 微信小程序里使用SVG矢量圖標方法詳解
相關文章
這篇文章主要介紹了微信小程序引用的相關資料,并附簡單實例代碼，需要的朋友可以參考下2016-10-10
微信小程序 POST請求（網(wǎng)絡請求）詳解及實例代碼
這篇文章主要介紹了微信小程序 POST請求（網(wǎng)絡請求）詳解及實例代碼的相關資料,需要的朋友可以參考下2016-11-11
這篇文章主要為大家介紹了Page?Visibility?API?的教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了JavaScript原型Prototype，在JavaScript中，函數(shù)是一個包含屬性和方法的Function類型的對象。而原型（Prototype?）就是Function類型對象的一個屬性。具體內(nèi)容需要的朋友可以參考下面文章的介紹2021-12-12
這篇文章主要為大家介紹了arco?design?按需導入報錯排查思路與解決方案解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
這篇文章主要為大家介紹了前端框架arco?table源碼遇到的問題解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要為大家介紹了JS前端設計模式之發(fā)布訂閱模式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序之前臺循環(huán)數(shù)據(jù)綁定的相關資料,這里提供實例幫助大家學習理解這部分內(nèi)容，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了 微信小程序 獲取二維碼實例詳解的相關資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了微信小程序 頁面跳轉事件綁定的實例詳解的相關資料,希望通過本文大家能夠理解并應用小程序頁面跳轉及事件綁定的實例，需要的朋友可以參考下2017-09-09