如何在微信小程序中 *** 作数组的curd

如何在微信小程序中 *** 作数组的curd,第1张

1,数据的添加

在获取到表单的数据后,自己组装一个对象,然后通过push()的方法添加一条数据,注意push的数据的index是+1的,也就是说原本数组中index依次为0,1,2,新增加的就是3,依次类推。

如果想在前面插入数据,就要用到数组合并的 *** 作了,concat()方法可以选择合并到前面或者后面例如newarrayconcat(notes);。

2,数据的删除

小程序里面貌似没有remove的方法,所以删除我选择的是split方法,这也是遇到的一个坑。notessplice(id,i)就可以从index为id的位置开始,删除i个元素,这点大家都懂,看代码就明白,不再赘述

3,数据的修改

notes = obj可以把数组中index为i的元素设置为obj。

最后,如果要在修改数据的同时渲染到页面,一定要记得使用setData方法。

thissetData({ notes:notes

})

var a = [["a","b","c"],["d","e"],["1","2","3"]]

var b= ["4","5","6"]

apush(b)

consolelog(a)

直接用push()就可以了

因为以前都是用Vue开发,写项目,自然而然的就习惯了vue的双向绑定机制,开发中也觉得这真是方便,但是在最近的小程序开发中,我在动态往数组中传值,可是吃尽了苦头,怎么绑都绑定不上。当然,也并不是再说小程序的不好,各有各的开发理念,各有各的好,所以在这里写下一些心得,一方面让自己别忘了,一方面也希望和我一起遇到这个问题的小伙伴们,别再走这个坑!

言归正传:

加入此刻我的data中,有一个数组

然后我定义了一个方法,需要往这个lists数组中动态的添加数据

这个方法是可以往data中的lists中添加对象的,这我相信大家都能做得到,很简单

但是,当我们要改变这个lists中某个对象下的key:value值呢?当时我就在这里卡了好久,我一开始想的的是在thissetData()这个函数中,把key值改为 lists[下标]属性值 但是当我这样写了以后,控制台立马报错,原因是因为,他在data中并没有找到你这个key值,也就是说我们这个写的方法是错误的,但是按照道理思路是没错的,所以也就有了下面这个方法,可以改变对应的lists里面的属性值

这样就可以了,就能改变data中数组里面任意的值,不过要谨记一点,就是,一定要拿中括号[xx]包裹你要改变的key值,不然也是会报错的!好了,其实我感觉我说了很多没必要的话,但是,我就当记笔记了!希望大家和自己继续努力,学习永无止境点击了解更多加盟项目

let userInfo = {};     //需要传递的参数,这里用对象举例。

let pages = getCurrentPages();    //返回pages的所有信息;数组格式

let prevPage = pages[ pageslength - 2 ];     //返回上一个页面的所有信息  上一级为-2

prevPagesetData({

user:userInfo      //user为上个页面需要修改的数据,如data里面的数据,数据格式要对应。

});

wxnavigateBack({

delta:1      // 返回上一级页面。

})

微信小程序 获取javascript 里的数据

wxml如何获取js里的数据

例:

wxml里:

1

<text id="twl">{{txt}}</text>

通过上面的{{txt}}可以对应获取js里data下定义的txt的值

js里:

1234

data: { txt:{} }

首先在data里定义一个“容器”txt:{},{}内为空代表是从别的地方传值进去,当然{}里也可以直接写数据,如txt:{‘123'},上面的wxml获取了就相当于 <text id="twl">123</text>;通过其他方法传值到容器里用一个thissetData({})的方法,如:

1234567891011

onLoad: function (options) { var ta=optionskind; thissetData({ txt:ta, }) },

这样上面data里定义的txt的值就是ta的值了。

以上就是关于如何在微信小程序中 *** 作数组的curd全部的内容,包括:如何在微信小程序中 *** 作数组的curd、微信小程序如何 *** 作数组、关于微信小程序开发中如何动态的往数组中添加对象,并进行更改等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10633413.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论

登录后才能评论

评论列表(0条)

保存