微信小程式 陣列（增，刪，改，查）等操作實例詳解

微信小程式 數組（增，刪，改，查）等操作

最近在做一個小程式的demo。由於不向後台請求數據，所以就涉及到對本地數據的操作，也遇到了一些坑，本文就以數組的增刪改查為例，給新手分享一些經驗。

首先這是原始數據，json的陣列。

我們嘗試對改數據進行操作，同時渲染到頁面。

1，數據的添加

在獲取到表單的數據後，自己組裝一個對象，然後通過push()的方法添加一條數據，注意push數據的數據的index+ 1的，也就是說原本數組中index依序為0，1，2，新增加的就是3，依序類推。

如果想在前面插入數據，就要用到數組合併的操作了，concat()方法可以選擇合併到前面或後面例如newarray.concat(notes);。

2，資料的刪除

小程式裡面貌似沒有remove的方法，所以刪除我選的是split方法，這也是遇到的一個坑。 notes.splice(id,i)就可以從index為id的位置開始，刪除i個元素，這點大家都懂，看程式碼就明白，不再贅述

3，資料的修改

notes = obj可以把数组中index为i的元素设置为obj。

最後，如果要在修改資料的同時渲染到頁面，一定要記得使用setData方法。

this.setData({    notes:notes })

順便附上js裡面array操作的方法清單。大家可以自己試試看。

   

更多微信小程序 數組（增，刪，改，查）等操作實例詳解相關文章請關注PHP中文網！