微信小程序setData 修改 data 中数组内不定对象的数据
普通变量的 setData()在某些时候,我们的小程序中存在的不只是像下面这样的简单的变量: 变量值这种形式 data: { name: 'Kyle', age: 28, mail: 'kylebing@163.com' } 这种形式的数据,在需要修改的时候,只需要如下形式修改就可以了 this.setData({ name: 'Tina' }) 数组内部的 setData()有时候,里面会有对象数组,需要修改数组内部的变量,如下面的 people 数组: people: [ { name: 'Kyle', age: 24, products: [ {name: 'iPhone', price: 4550}, {name: 'AirPods Pro', price: 1999}, ] }, { name: 'Tina', age: 26, products: [ {name: 'Dell P2415Q', price: 1800}, {name: 'Macbook Pro', price: 8500}, ] }] 像这种改变数组内部属性的值,需要不同于普通变量的 setData(),格式如下: this.setData({ [ 定位数据的字符串 ]: 数据}) 如: 修改 Kyle 的 age this.setData({ ['people[0].age']: 25 }) 上面这是修改数组中固定位置元素的数据,比如现在已经知道需要修改的数据下标变量为 index,修改不定下标的数据又该怎么写呢? 因为 [] 方括号中接收的是字符串,所以我们只需要放入对应的字符串即可,可以是 单引号拼接的字符串,也可以是 ES6 反引号形式的字符串,说白了只要是字符串就可以。 普通字符串拼接: let index = 1; this.setData({ ['people[' + index + '].age']: 25 }) ES6 形式字符串: let index = 1; this.setData({ [`people[${index}].age`]: 25 }) 修改数组中数组的值这个无非就是再加一层而已,如:修改第二个人的第二个产品的价格,每次点击加 2 定义一个方法 changeAirPodsPrice 绑定中页面中的按钮上,代码如下: changeAirPodsPrice: function() { let index = 1; // people 下标,也就是第二个人 let productIndex = 1 // 产品 下标,也就是第二个产品 this.setData({ [`people[${index}].products[${productIndex}].price`]: this.data.people[index].products[productIndex].price + 2 })}, 效果如图:
|
小程序setData修改data中数组内不定对象的数据
浏览量:6490
时间:
来源:微信小程序
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。
最新资讯
-
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
阿坝小程序代理
阿坝藏族羌族小程序代理公司有哪些?阿坝藏族羌族小程序代理平台哪个好?阿坝藏族羌族小程序代理商怎么收费,代理政策如何?下面就让即速应用产品经理jisuapp.cn来告诉你吧!