本文共 1173 字，大约阅读时间需要 3 分钟。

微信小程序更新二维数组中的对象或数组属性值

作为一名微信小程序开发者，可能会遇到将对象或数组的属性值进行更新的需求，以下将分别介绍这两种场景的实现方法，还将提供完整的代码示例。

一、更新二维数组中的对象的属性值

假设我们有以下数据结构：

data: {  familys: [    {      familyName: '贾家',      users: [        { name: '贾宝玉' },        { name: '贾元春' },        // ...其他用户对象      ]    },    // ...其他家庭对象  ]}

目标是更新 familys 数组中某一家庭的 familyName 属性，例如修改第一个家庭的名字为 "江南甄家"。

实现代码：

updateUser() {  const f = 'familys[0].familyName';  this.setData({[f]: '江南甄家'});}

代码解析：

####界面展示代码

     
        
           
      
{item.familyName}
      
      修改名字    
       
    
   

####运行效果：

• 点击按钮后，第一个家庭的名字会被更新为 "江南甄家"。

二、更新二维数组中的数组的属性值

假设数据结构如上所述，目标是更新某一家庭 users 数组中的某个用户的 name 属性。

实现代码：

updateUser() {  const f = 'familys[0].users[0].name';  this.setData({[f]: '甄宝玉'});}

代码解析：

####界面展示代码

     
        
           
      
家庭名字: {item.familyName}
      
      
用户名字: {userItem.name}
      
      修改名字    
       
    
   

####运行效果：

• 点击按钮后，第一个家庭第一个用户的名字会被更新为 "甄宝玉"。

注意事项

通过以上方法，可以灵活地对微信小程序中的二维数组对象或数组进行属性值的更新，轻松实现各种数据的交互与修改。

转载地址：http://psmpz.baihongyu.com/