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

淩亂°似流年 2022-12-01 05:19 496阅读 0赞

微信小程序更新二维数组中的对象或数组的属性值，这里可能有两种情况

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

更新二维数组中的某个对象的属性值，代码如下

js 代码

data: {
        familys:[
          {
            familyName:'贾家', 
            users: [
              {name:'贾宝玉'},
              {name:'贾元春'},
              {name:'贾迎春'},
              {name:'贾探春'},
              {name:'贾惜春'}
            ]
          },
          { 
            familyName:'王家', 
            users: [
              {name:'王熙凤'},
              {name:'王夫人'},
              {name:'薛姨妈'}
            ]
          },
          {
            familyName:'薛家', 
            users: [
              {name:'薛宝钗'},
              {name:'薛蟠'},
              {name:'薛宝琴'}
           ]
          },
          {
            familyName:'史家', 
            users: [
              {name:'贾母'},
              {name:'史湘云'}
            ]
          }
        ]
      },
    
      updateUser() {
        let f = 'familys[' + 0 + '].familyName';
        this.setData({
          [f]:'江南甄家'
        })
      },

核心处在于定义一个变量，把要修改的 familys\[0\].familyName 以字符串形式拼接起来

wxml 代码

<view>
      <view wx:for="{
       {familys}}" wx:key="*this">
        <view>
          <text>{
       {item.familyName}}</text>
          <view></view>
          <text wx:for="{
       {item.users}}" wx:for-item="userItem" wx:key="userItem">
            <text>{
       {userItem.name}}</text>
            <text>,</text>
          </text>
        </view>
      </view>
    
      <view>
       <button bindtap="updateUser">更新</button>
      </view>
    </view>

运行效果如下图

![20200826104013260.gif][]

**2、微信小程序更新二维数组中的数组的属性值**

更新数组中的数组的属性值

js 代码

data: {
        familys:[
          {
            familyName:'贾家', 
            users: [
              {name:'贾宝玉'},
              {name:'贾元春'},
              {name:'贾迎春'},
              {name:'贾探春'},
              {name:'贾惜春'}
            ]
          },
          { 
            familyName:'王家', 
            users: [
              {name:'王熙凤'},
              {name:'王夫人'},
              {name:'薛姨妈'}
            ]
          },
          {
            familyName:'薛家', 
            users: [
              {name:'薛宝钗'},
              {name:'薛蟠'},
              {name:'薛宝琴'}
           ]
          },
          {
            familyName:'史家', 
            users: [
              {name:'贾母'},
              {name:'史湘云'}
            ]
          }
        ]
      },
    
      updateUser() {
    
        let f = 'familys[' + 0 + '].users['+ 0 +'].name'
        this.setData({
          [f]: '甄宝玉'
        })
      },

思路和上边一样，用拼接字符串的形式

wxml 代码

运行效果如下图

![20200826104622918.gif][]

[20200826104013260.gif]: /images/20221123/07cccc199c9d4d13a8bd7237e76baaef.png
[20200826104622918.gif]: /images/20221123/4860a49319e345e0aa7b6d7ecc3adb03.png