微信小程序修改數(shù)組長度的問題的解決
更新時(shí)間：2019年12月17日 14:07:37 作者：newDriver
這篇文章主要介紹了微信小程序修改數(shù)組長度的問題的解決,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
微信小程序內(nèi)數(shù)組重新修改長度，使用setData竟然存在問題：會(huì)出現(xiàn)不能及時(shí)更新數(shù)據(jù)的情況,嘗試了一下使用data強(qiáng)制更新數(shù)據(jù)后，再數(shù)據(jù)需要賦值的地方再用setData進(jìn)行數(shù)據(jù)處理即可，能用但是不知道是否是最佳方案。參考示例
setarrayData(data){
let array = this.data.list;
//這里需要更新長度的話強(qiáng)制更新
array.length == 0 && (this.data.list = new Array(+data.num));
//拷貝數(shù)據(jù)
let copyArray = [...this.data.pictureList];
//數(shù)組數(shù)據(jù)處理
copyArray.splice( num1, num2, ...data.list)
//更新到視圖層
this.setData({
list: copyArray,
})
PS:微信小程序數(shù)組長度為0的坑
前幾天在寫程序時(shí)，在js頁面里用console.log打印出來的和在調(diào)試窗口看到的Appdata都顯示我的result數(shù)組長度是20，但是在xml頁面通過{{result.length}}顯示出來卻始終是0。找了很久bug，最終發(fā)現(xiàn)，是在js里修改result數(shù)組時(shí)，我沒有用官方建議的this.setData()函數(shù)而是直接用this.data.result.push()。導(dǎo)致result數(shù)組出現(xiàn)不一致的情況。
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
一文探索執(zhí)行JavaScript函數(shù)的多種方法
在前端開發(fā)中,動(dòng)態(tài)執(zhí)行?JavaScript?函數(shù)是一種強(qiáng)大的能力,能夠幫助開發(fā)者實(shí)現(xiàn)靈活的邏輯控制,本文將和大家探討一下幾種常用的執(zhí)行方法,需要的可以了解下2025-01-01
將Echarts圖表導(dǎo)出為圖片的3種方法總結(jié)
這篇文章主要給大家介紹了關(guān)于將Echarts圖表導(dǎo)出為圖片的3種方法,Echarts是一種基于JavaScript的可視化庫,用于創(chuàng)建豐富、交互式的圖表和地圖,而Excel是一種電子表格軟件,用于數(shù)據(jù)處理和分析,需要的朋友可以參考下2023-06-06
JScript中的''var''定義變量的作用域...2007-03-03
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)側(cè)邊欄切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了原生js實(shí)現(xiàn)圖片輪播特效，適合用于商品展示，實(shí)現(xiàn)最簡單的廣告輪播效果，感興趣的小伙伴們可以參考一下2015-12-12
js實(shí)現(xiàn)前端圖片上傳即時(shí)預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)前端圖片即時(shí)預(yù)覽功能，本地預(yù)覽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
HTTP Response Splitting 攻擊主要說明的是兩個(gè)問題2008-12-12
本文主要分享了js+div+css下拉導(dǎo)航菜單的完整代碼。可直接復(fù)制保存到HTML文件就可以體驗(yàn)效果。下面跟著小編一起來看下吧2016-12-12
數(shù)組去重復(fù)是一個(gè)常見的需求，我們暫時(shí)考慮同類型的數(shù)組去重復(fù)。主要是理清思路和考慮下性能。以下方法，有各人總結(jié)也有網(wǎng)上熱心網(wǎng)友的方法，這里簡單地總結(jié)一下。2015-08-08
這篇文章主要介紹了IE及IE6瀏覽器中判斷JS文件加載成功失敗的方法,本文使用vbscript來解決這個(gè)問題,需要的朋友可以參考下2015-02-02