小程序 动态更改数组中对象的某个值

小程序支持数据双向绑定，但是在逻辑层（js文件）中改变属性的值时必须要用 this.setData({ a:A, b:B })这种格式，问题在于，当需求仅需要更改 某个数组中对象的某个属性值 时，这种格式就需要转换一下。如：

    students: [
      {
        name: '张三',
        number: '1234'
      },
      {
        name: '李四',
        number: '1111'
      },
      {
        name: '王二狗',
        number: '6666'
      }
    ]

现在要更改王二狗的number为‘9999’，如何实现？

wxml 

<text>{{ students[2].name }}</text>
<text style="margin-left:40rpx">{{ students[2].number }}</text>
<button bindtap="changeNumber" >按钮</button>

太简单就不必说了吧，甚至没有css

js

// pages/nav/nav.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    students: [
      {
        name: '张三',
        number: '1234'
      },
      {
        name: '李四',
        number: '1111'
      },
      {
        name: '王二狗',
        number: '6666'
      }
    ]
  },

  changeNumber: function (e) {
    let index = 2;
    let change = "students["+ index +"].number";
    this.setData({
      [change]: '9999'
    })
  }

})

值得关注的是changeNumber中的change属性，这是一个字符串，需要的变量用拼接的方式合并成字符串，仔细看change的内容，其实就是JS方法中对某个值的索引，然后放到this.setData中，用中括号括起来，这种方式可以动态更改数组中对象的某值