页面倒序遍历map集合
发布于 6 年前 作者 li59 14832 次浏览 来自 问答

后台得到的数据是:

{201810=[], 201809=[], 201808=[]}

小程序那打印的数据是

{201808: Array(0), 201809: Array(0), 201810: Array(0)}

它把后台的顺序给正过来了

页面遍历map的代码

<view wx:for='{{summaryLst}}' wx:for-index='key' class='mainview'>
  <view class='spacebetween'>
    <text class='dateview'>{{key}}</text>
    <text class='addview'>+ 添加</text>
  </view>
  <view class='form-view'>
    <view wx:for='{{item}}' wx:for-item='item2' class='form-view-row spacebetween'>
    </view>
  </view>
</view>

怎么样能让页面倒序输出map集合呢

2 回复

summaryLst.reverse()一下就好了

前端得到的是一个JSON对象,JSON对象是一个无序对象,其迭代用的key不能保证是按添加时候的顺序来遍历,不同js引擎采用的策略不一样,一般是按照key的Unicode顺序来排序的。

回到顶部