微信小程式 陣列(增,刪,改,查)等操作例項詳解

2022-10-04 06:15:07 字數 727 閱讀 4424

微信小程式 陣列(增,刪,改,查)等操作程式設計客棧

最近在做乙個小程式的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。

最後,如果要在修改資料的同時渲染到頁面,一定要記得使用setdat程式設計客棧a方法。

this.setdata()

本文標題: 微信小程式 陣列(增,刪,改,查)等操作例項詳解

本文位址: /ruanjian/j**a/175855.html

微信小程式陣列增刪改查

請輸入修改內容 input button bindtap queding 確定 button button bindtap quxiao 取消 button view view class v1 view wx for wx for index index wx for item item view...

微信小程式增刪改查方法

官方文件 先獲取資料庫的引用 const db wx.cloud.database 獲取集合的引用 const image db.collection image const user db.collection user 新增記錄 image.add success function res 刪除...

微信小程式 陣列操作

page 向前插入資料 要增加的陣列 var newarray 使用concat 來把兩個數組合拼起來 this.data.list newarray.concat this data.list 將合拼之後的資料,傳送到檢視層,即渲染頁面 大夥請記錄,修改了資料後,一定要再次執行 this.setd...