溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

微信小程序中如何操作數(shù)組的增,刪,改,查

發(fā)布時(shí)間:2021-03-04 10:39:30 來(lái)源:億速云 閱讀:461 作者:小新 欄目:移動(dòng)開發(fā)

這篇文章給大家分享的是有關(guān)微信小程序中如何操作數(shù)組的增,刪,改,查的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。

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

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

微信小程序中如何操作數(shù)組的增,刪,改,查

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

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

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

微信小程序中如何操作數(shù)組的增,刪,改,查

微信小程序中如何操作數(shù)組的增,刪,改,查

微信小程序中如何操作數(shù)組的增,刪,改,查

在獲取到表單的數(shù)據(jù)后,自己組裝一個(gè)對(duì)象,然后通過(guò)push()的方法添加一條數(shù)據(jù),注意push的數(shù)據(jù)的index是+1的,也就是說(shuō)原本數(shù)組中index依次為0,1,2,新增加的就是3,依次類推。

如果想在前面插入數(shù)據(jù),就要用到數(shù)組合并的操作了,concat()方法可以選擇合并到前面或者后面例如newarray.concat(notes);。

2,數(shù)據(jù)的刪除

微信小程序中如何操作數(shù)組的增,刪,改,查

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

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

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

微信小程序中如何操作數(shù)組的增,刪,改,查

微信小程序中如何操作數(shù)組的增,刪,改,查

微信小程序中如何操作數(shù)組的增,刪,改,查

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

this.setData({    notes:notes })

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

微信小程序中如何操作數(shù)組的增,刪,改,查  

感謝各位的閱讀!關(guān)于“微信小程序中如何操作數(shù)組的增,刪,改,查”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI