微信小程序修改,增加,删除js数据当中数组对象的某个属性值

本文介绍如何在微信小程序中,通过JavaScript操作对象数组,针对特定元素的属性进行颜色切换。关键在于正确引用数组元素并使用字符串形式的属性名。实例演示了点击事件触发背景色变化和数组操作如增删元素的方法。
摘要由CSDN通过智能技术生成

js代码
微信小程序修改js数据的某个数据,直接在setData函数中输入属性名:属性值即可,但是如果是对象数组当中的某个属性时,则需要把这个属性变成一个字符串赋值给一个变量,在setData函数中使用
[变量名] :变量值的形式

效果实现:点击圆圈时背景色变色

在这里插入图片描述

select:function(e){
    console.log(e.currentTarget.dataset.id);
    var id = e.currentTarget.dataset.id-1;
    var color = "list[" + id + "].color";
    //选择某个商品
    if(this.data.list[id].color == 'white'){
      this.setData({
        [color] : "green"
      })
    }
    else{
      this.setData({
        [color] : "white"
      })
    }

data:
list:[
{id:1,name:‘西瓜’,src:’…/…/img/01.png’,color:‘white’,price:‘40’,num:0},
]

在这里插入图片描述
点击之后背景变成绿色

给数组增加数据:给当前数组的长度值+1的键赋值

删除数组的某一个值:

//找到需要删除的数组,从第三个开始删,删1个
that.data.data.splice(3, 1);
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值