小程序怎么输出二维数组

115 阅读 0 评论 76 点赞

我是靠谱客的博主冷静流沙，最近开发中收集的这篇文章主要介绍小程序怎么输出二维数组，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

微信小程序开发时需要用到二维数组来进行信息展示，那么该如何输出展示二维数组呢？一起来学习一下吧。

小程序怎么输出二维数组

1、首先定义一个二维数组

Page({  
    data:{
        mapData:[
            [{id:11},{id:12}],
            [{id:21},{id:22}],
            [{id:31},{id:32},{id:33}]
      ]
    }

})
登录后复制

2、然后利用两层wx:for循环进行输出即可。

<view class="container">
    <view class="map">
        <view wx:for="{{mapData}}">
            <view wx:for="{{item}}">
                {{item.id}}
            </view>
        </view>
    </view>
</view>
登录后复制