微信小程序 this.setData 修改对象属情值（优化）

浅浅的花香味﹌ 2024-04-18 10:17 66阅读 0赞

# [微信小程序 this.setData 修改对象属情值][this.setData] #

page({
    
      data:{
    
            s1:{a:"",b:"b"}
    
        },
    
       changeData:function(e){
    
              var cData=this.data.s1;
    
              cData.a="1";//先修改json值
    
              this.setData({ //再set值
    
                    s1:cData
    
             })
    
        }
    
    })

这种this.setData的方式性能体验差

开发微信小程序时，使用setData修改data中数据时，针对各种情况的解决方案如下：

//示例data：
    data:{
    	code:'9527',
    	baseInfo:{
    		name:'夏尔',
    		age:19
    	},
    	family:[{
    		name:'大头爸爸',
    		age:'46'
    	},{
    		name:'美丽妈妈',
    		age:'45'
    	}]
    }

一、直接修改data的某个属性

this.setData({
    	code:'007'
    })

二、修改data里的数组或对象的属性

this.setData({
    	'baseInfo.age':24
    })

三、根据条件有选择性的改变（重点）

假设某种情况要根据条件改变某个特定值的某个属性，那么就需要先将要改变的属性转换成字符串，再用中括号括起来就可以了。

//此例假设改变对应index的某个属性值
    var temp_str='this.data.family['+index+'].age';
    this.setData({
    	[temp_str]:44
    });

[this.setData]: https://www.cnblogs.com/evemen/p/10735034.html

发表评论取消回复

表情：

评论列表（有 0 条评论，66人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序（优化）——this.setData()动态修改数组中的某一值

*wxml代码** <view> <van-icon name="add" color="ffc300...

一时失言乱红尘/ 2024年04月18日 10:17/ 0 赞/ 63 阅读

相关微信小程序修改单个对象属性参数

数组对象太复杂，直接setData会很慢，性能很差，于是想到单独更新对象某个属性 this.setData({ [`good

约定不等于承诺〃/ 2022年12月28日 06:17/ 0 赞/ 129 阅读

相关微信小程序修改data值必须要setData

直接修改this.data，而不调用this.setData()，是无法改变当前页面的状态的，会导致数据不一致正确案例： getHttp(res,key,titl

忘是亡心i/ 2022年11月25日 10:09/ 0 赞/ 180 阅读

相关微信小程序性能优化总结

渲染性能优化 setData优化不过于频繁调用setData，将多次setData合并成一次调用 // 不要频繁调用setData this

た入场券/ 2022年10月09日 00:31/ 0 赞/ 186 阅读

相关微信小程序中使用emoji表情

【问题描述】微信小程序开发，商户授权给用户后，用户便可关注小程序。有的用户的微信账户号中带有emoji表情，这样的话，直接存储到mysql5.5以下版本的数据

悠悠/ 2022年06月06日 00:25/ 0 赞/ 373 阅读

相关微信小程序修改data中定义的值setData()

1.修改普通变量的值 data: { isShowPage1:false, count:0, }, pla

我会带着你远行/ 2022年05月28日 11:59/ 0 赞/ 196 阅读

相关微信小程序--页面传值

> 首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小

雨点打透心脏的1/2处/ 2022年05月28日 08:50/ 0 赞/ 261 阅读

相关微信小程序修改页面标题

Page({ data: {}, onLoad: function (options) { var that = this;

一时失言乱红尘/ 2022年05月09日 04:28/ 0 赞/ 302 阅读

相关微信小程序或支付宝小程序修改对象数组内某一项的值

在js文件中的data数据如下 data: { info:p[ { name:"jack",

雨点打透心脏的1/2处/ 2022年03月30日 10:16/ 0 赞/ 710 阅读

相关微信小程序：注册微信小程序

注册小程序帐号在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。 ![20170521234518211][] 选择注册

短命女/ 2021年12月09日 03:53/ 0 赞/ 685 阅读