国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 18:07:00
字體:
來源:轉載
供稿:網(wǎng)友

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

最近在做一個小程序的demo。由于不向后臺請求數(shù)據(jù),所以就涉及到對本地數(shù)據(jù)的操作,也遇到了一些坑,本文就以數(shù)組的增刪改查為例,給新手分享一些經(jīng)驗。

QQ圖片20170103101514.png

首先這是原始數(shù)據(jù),json的數(shù)組。

我們嘗試對改數(shù)據(jù)進行操作,同時渲染到頁面。

1,數(shù)據(jù)的添加

QQ圖片20170103101725.pngQQ圖片20170103103601.pngQQ圖片20170103103626.png

在獲取到表單的數(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ù)的刪除

QQ圖片20170103104214.png

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

3,數(shù)據(jù)的修改

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

QQ圖片20170103103701.pngQQ圖片20170103103714.pngQQ圖片20170103104137.png

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

 this.setData({    notes:notes }) 

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

20161113232801.jpg

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 平顶山市| 万年县| 天水市| 积石山| 清流县| 株洲市| 泰安市| 沂源县| 竹北市| 扎囊县| 宜黄县| 贡嘎县| 乌兰察布市| 杭锦后旗| 海宁市| 库伦旗| 榆社县| 普安县| 江津市| 文山县| 华池县| 许昌市| 沙湾县| 河西区| 井冈山市| 开封市| 广东省| 清丰县| 竹溪县| 孝昌县| 金寨县| 安图县| 建宁县| 弥勒县| 西乌珠穆沁旗| 兴文县| 抚松县| 砀山县| 海盐县| 柞水县| 会同县|