如何创建二维数组 微信小程序_微信小程序遍历二维数组

在微信小程序中遍历二维数组,代码如下

data 中二维数组结构如下

data: {

familys:[

{

familyName:'贾家',

users: [

{name:'贾宝玉'},

{name:'贾元春'},

{name:'贾迎春'},

{name:'贾探春'},

{name:'贾惜春'}

]

},

{

familyName:'王家',

users: [

{name:'王熙凤'},

{name:'王夫人'},

{name:'薛姨妈'}

]

},

{

familyName:'薛家',

users: [

{name:'薛宝钗'},

{name:'薛蟠'},

{name:'薛宝琴'}

]

},

{

familyName:'史家',

users: [

{name:'贾母'},

{name:'史湘云'}

]

}

]

},

遍历代码如下

{

{item.familyName}}

{

{userItem.name}}

,

核心代码在于 wx:for-item="userItem",使用 wx:for-item 来指定遍历的对象,userItem 是随便起的变量名

效果如下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值