小程序setData直接修改对象数组得某一项

数组演示

Page({
  data: {
    arr:['小明','小张']
  },
  onLoad: function () {
    // 首先我们演示数组
    this.setData({
        [`arr[1]`]:'小李'
    })
      console.log(this.data.arr)   // ["小明", "小李"]
  }
})

当然还有一种可能我们得索引不是固定得

Page({
  data: {
    arr:['小明','小张']
  },
  onLoad: function () {
    let index = 1;
    this.setData({
        [`arr[${index}]`]:'小李' 
    })
      console.log(this.data.arr)   // ["小明", "小李"]
  }
})

对象演示

Page({
  data: {
    obj:{
        name:"张三",
        age:"26"
    }
  },
  onLoad: function () {
    this.setData({
        [`obj.name`]:'小李' 
    })
      console.log(this.data.obj)
  }
})

同理我们利用小程序得setData机制进行单项赋值，从而优化了我们得setData得效率，还利用到了${xx} ES6得字符串拼接得方法，有帮助道得小伙伴记得点赞，关注。

 

喜欢上方小程序,需要源码的,私信小编留下邮箱。