小程序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日
    浏览(49)
  • 微信小程序使用setData修改数组中的指定下标的属性值

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

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

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

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

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

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

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

    2024年02月11日
    浏览(50)
  • 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日
    浏览(41)
  • 小程序setData设置数据超过1024kb页面不渲染

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

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

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

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

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

    2024年02月11日
    浏览(35)
  • 如何修改JSON数组中的每个对象的userType属性值

    要修改JSON数组中的每个对象的`userType`属性值,您可以使用JavaScript的`map`函数或`forEach`循环。 以下是使用`map`函数的示例: ```javascript ``` 在上述示例中,我们使用`map`函数遍历原始数据数组,对于每个对象,我们检查是否存在`userType`属性,然后将其值修改为新值(在这里将其

    2024年02月10日
    浏览(54)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包