小程序setData修改数组和对象

这篇具有很好参考价值的文章主要介绍了小程序setData修改数组和对象。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

data数据

Page({

  data: {

    arrs:[

      { text: '0概率固定', value: 0 },

      { text: '1累计固定', value: 1 },

      { text: '2概率随机', value: 2 },

      { text: '3概率赠送', value: 3 },

      { text: '4保夹模式', value: 4 },

      { text: '5累计随机', value: 5 },

    ],

    obj: {

      id: "20211119161349351079",

      height: '20cm',

      name: "手办"

    },

  }

)}

修改对象

 1、[ ],中括号可加可不加,如果属性名存在就修改,不存在则添加该属性

this.setData({                                                            

  '对象.属性名':属性值, 

   ['对象.属性名']:属性值,

)}

//例子
this.setData({

  'obj.newName': '新添加的名字',

  'obj.name': '修改成盲盒',

  ['obj.height']: ' 修改了30',

})

2、如果项目中修改的属性名是由变量决定,要使用拼接字符窜的形式,并且一定要加 [] 中括号

注意:直接用1中的方式不会修改,只会把变量当做新的属性值添加进去

this.setData({                                                            

  ['对象.' + 变量]:属性值,

)}

//例子
let aa = 'name'

this.setData({

  ['obj.' + aa]: '我是通过变量修改的名字'

})

修改数组

与修改数组类似

1、[ ],中括号可加可不加,如果属性名存在就修改,不存在则添加该属性

this.setData({                                                            

  '数组名[下标]':要修改的值, 

   ['数组名[下标]']:要修改的值,

)}

//例子
this.setData({

  'arrs[0].text': '修改了0',

  ['arrs[1].text']: '修改了1',

  'arrs[3].name': '新添加了name',
})

2、如果项目中修改的下标是由变量决定,要使用拼接字符窜的形式,并且一定要加 [] 中括号

注意:直接用1中的方式不会修改,只会把变量当做新的属性值添加进去

this.setData({                                                            

  ['数组[' + 下标变量 + ']' ]:值,

)}

//例子
let index = 3

this.setData({

  ['arrs[' + index + '].text']: '我是通过变量修改的值'

})

总结

对于确定的数据直接写然后加引号,有变量的的需要拼接字符窜,然后外层加上中括号 [] 文章来源地址https://www.toymoban.com/news/detail-488797.html

到了这里,关于小程序setData修改数组和对象的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序this.setData()对单个属性值、对象、数组的使用

     单个属性值: 第一种写法:直接写单个属性值  第二种写法:数组形式的字符串单个属性值  对象: 第一种写法:字符串写对象  第二种写法:数组形式的字符串写对象   数组: 第一种写法:字符串写数组  第二种写法:数组形式的字符串写数组

    2024年02月06日
    浏览(35)
  • 微信小程序使用setData修改数组中的指定下标的属性值

    因为小程序中分有逻辑层和渲染层等。所以需要用setdata函数,渲染到视图界面。普通的修改属性是通过 this.setData({aa:true}) 的方法设置,但是本人遇到一种情况,需要通过下标区改变数组某一项中的某属性的值,方法如下: 结构: js: 备注:通过 let checkProp = \\\"rightRoomList[\\\" +

    2024年02月15日
    浏览(30)
  • 微信小程序 通过setData 给两个变量设置同一个数组时,为什么修改一个变量,另一个会也被修改?

    在微信小程序中,使用 setData 方法更新数据时,如果给两个变量设置同一个数组,修改其中一个变量的值会导致另一个变量也被修改的原因是,数组是引用类型的数据,在内存中的存储方式是按引用地址存储。 当你将一个数组赋值给两个变量时,实际上两个变量共享同一块内

    2024年02月11日
    浏览(35)
  • 微信小程序 - 解决 setData() 无法修改 properties 数据的问题,修改子组件 properties 传递过来的数据(父级页面传入子组件的数据无法更新修改的问题,简洁快速解决方案!)

    当页面(父组件)传递给子组件属性时,需要使用 properties 属性接收,但遗憾的是后续无法对该属性下的数据进行更新数据。 本文实现了微信小程序开发中,解决子组件使用 properties 接收后,无法进行数据的编辑与更新问题, 简单来说,就是组件内部无法通过 setData 对 pro

    2024年02月16日
    浏览(41)
  • 微信小程序setData给数组赋值问题

    因为小程序中分有逻辑层和渲染层等。所以需要用setdata函数,渲染到视图界面。普通的修改属性是通过 this.setData({demo:true}) 的方法设置,但是本人遇到一种情况,需要通过下标区改变数组某一项中的某属性的值,方法如下: 1.有确定的下标情况下 2.没有确定的下标情况下

    2024年02月11日
    浏览(41)
  • 07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化)

    其一、从后端拿到的数据为: let arr = [1, 3, 7, 24] 其二、目标数据为(即:后台需要下发的数据): {vlan_1: 1, vlan_3: 1, vlan_7: 1, vlan_24: 1} 其一、定义一个动态的 key 值来满足业务需求: vlan_X : A、代码展示: B、结果展示: 其二、通过 map 操作,获取目标对象: A、代码展示: B、结果

    2024年02月06日
    浏览(32)
  • 小程序setData设置数据超过1024kb页面不渲染

    微信小程序中,平常获取列表的分页数据时,会把当前页数据和之前的数据通过concat方法做个拼接,再使用setData方法更新数据。当数据量较大时,会超过setData单次设置量1024kb的限制,进而导致页面不渲染 使用二维数组,即先声明一个空数组,列表第n页的数据就是此数组的第

    2024年02月09日
    浏览(30)
  • uniapp小程序:追加数组中的对象属性,属性数据已经添加,视图不会改变

    场景复现: 由于业务需要,需要给数组中的每一个对象添加一个ischecked属性(Boolean)来控制复选框的选中状态,于是: 注意:buycargoodslists为数据源,初始数据源没有定义isChecked属性 结果可想而知,在控制台查看操作后的数据源buycargoodslists:确实属性isCheck已经插进去了,但

    2024年02月12日
    浏览(28)
  • vue2修改数组或对象,但视图不刷新

    问题:我们在vue2开发过程中会碰到数据更新,但是页面并未改变的情况,原因如下:         第一种:动态给对象新增属性或者删除属性是不会触发视图刷新的,Vue识别不到;         第二种:通过数组下标修改数组中的元素或者手动修改数组的长度,Vue识别不到;   解决

    2024年02月11日
    浏览(28)
  • js修改对象数组中其中某一项属性值(转换格式)

    我们对接口渲染数据的时候,经常会遇到后端返给我们数组中某个属性的格式跟我们想要的不一样,比如,我们渲染需要 小桥,中桥,大桥,返回的数组 分别用 1,2,3来表示小 中 大桥的 第一种方法呢就是 对数组进行遍历 第二种方法看如下代码: 

    2024年02月12日
    浏览(31)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包