微信小程序 數組(增,刪,改,查)


微信小程序 數組(增,刪,改,查)等操作

 

最近在做一個小程序的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,數據的修改

1

notes = obj可以把數組中index為i的元素設置為obj。

微信小程序 數組(增,刪,改,查)等操作實例詳解

微信小程序 數組(增,刪,改,查)等操作實例詳解

微信小程序 數組(增,刪,改,查)等操作實例詳解

最后,如果要在修改數據的同時渲染到頁面,一定要記得使用setData方法。

1

this.setData({    notes:notes })

順便附上js里面array操作的方法列表。大家可以自己試試。

微信小程序 數組(增,刪,改,查)等操作實例詳解


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM