微信小程序中深层对象数组的数据更新方法

微信小程序中深层对象数组的数据更新方法

在开发微信小程序的过程中，经常会遇到需要操作复杂数据结构的情况，比如更新嵌套对象数组中的某个特定字段。本文将介绍一种在页面加载时，如何正确地更新首个对象数组中的grade属性值。

具体实现代码如下：

Page({
  data: {
    list: [
      {
        class: '数学',
        id: '1',
        name: '张三',
        grade: 0,
      },
      {
        class: '数学',
        id: '1',
        name: '李四',
        grade: 0,
      }
    ]
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取初始值并赋值给临时变量，这是必要的步骤，直接修改原始数据会导致赋值失败
    let temp = this.data.list[0].grade;
    this.setData({
      // 使用方括号语法来指定需要更新的属性路径
      ['list[0].grade']: temp + 1
    });
  }
});

上述代码中，我们首先定义了一个包含多个学生信息的列表（list）。每个学生信息是一个对象，其中包含了班级、ID、姓名和成绩等字段。在页面加载时，我们通过onLoad生命周期函数，获取了列表中第一个学生的当前成绩，并将其值加1后重新设置回原位置。这里使用了setData方法结合方括号语法来确保能够准确地更新到指定的嵌套属性。