小程序 JSON接收数据后的出里 二维数组

初学小程序，遇到问题作为记录，二维数组数据处理的问题，研究了两天，看了两天资料，明白些道理，特记录：

数据的往返过程就不多说了，今天先说接收一个二维数组过来以后，数据处理，有不合适的地方多多指出

数据源：有三种不同形式的数据

function getIndex() { $imgUrls=array(); $imgUrls[0] ='/images/gq1.jpg'; $imgUrls[1] ='/images/gq2.jpg'; $imgUrls[2] ='/images/gq3.jpg'; $imgUrls[3] ='/images/gq4.jpg'; $routers = array(); $routers[0]['name'] ='YAMAHA'; $routers[0]['url'] ='/pages/case/cas1e'; $routers[0]['icon'] ='/images/logo1.jpg'; $routers[0]['code'] ='1'; $routers[1]['name'] ='Java'; $routers[1]['url'] ='/pages/case/case'; $routers[1]['icon'] ='/images/logo2.jpg'; $routers[1]['code'] ='2'; $routers[2]['name'] ='LIKEYS'; $routers[2]['url'] ='/pages/case/case'; $routers[2]['icon'] ='/images/logo3.jpg'; $routers[2]['code'] ='3'; $routers[3]['name'] ='PHP'; $routers[3]['url'] ='/pages/case/case'; $routers[3]['icon'] ='/images/logo4.jpg'; $routers[3]['code'] ='4'; $routers[4]['name'] ='Python'; $routers[4]['url'] ='/pages/case/case'; $routers[4]['icon'] ='/images/logo5.jpg'; $routers[4]['code'] ='5'; $routers[5]['name'] ='是的'; $routers[5]['url'] ='/pages/case/case'; $routers[5]['icon'] ='/images/logo6.jpg'; $routers[5]['code'] ='6'; $routers[6]['name'] ='星海钢琴'; $routers[6]['url'] ='/pages/case/case'; $routers[6]['icon'] ='/images/logo7.jpg'; $routers[6]['code'] ='7'; $routers[7]['name'] ='PIANO'; $routers[7]['url'] ='/pages/case/case'; $routers[7]['icon'] ='/images/logo8.jpg'; $routers[7]['code'] ='8'; $routers[8]['name'] ='斯图拉特'; $routers[8]['url'] ='/pages/case/case'; $routers[8]['icon'] ='/images/logo9.jpg'; $routers[8]['code'] ='9'; $JieShao = array('name'=>'云鹏介绍','connect'=>'钢琴调律俗称（调音）简单地说，就是将琴弦拧紧或者放松，使其达到一定的音高（国际标准音）。即以小字一组a音，振动频率以440Hz为标准，按十二平均律的生律 。简单地说，就是将琴弦拧紧或者放松，使其达到一定的音高（国际标准音）。即以小字一组a音，振动频率以440Hz为标准，按十二平均律的生律 。'); $arrayList = array('imgUrls'=>$imgUrls,'routers'=>$routers,'JieShao'=>$JieShao); echo json_encode(icon_to_utf8($arrayList),JSON_UNESCAPED_UNICODE|JSON_PRETTY_PRINT|true);

在小程序接收到程序后是一个二维数组：

开始 处理数据：

一、【JieShao】

js

作为接收数据：resultList

数据组中包含三组数据[imgUrls,routers,JieShao]

WXML：

1、解析JieShao

此处加了一个 判断  是否是JieShao。可以控制【JieShao】的内容放到合适的输出位置

<view wx:for="{{resultList}}" wx:key="id" wx:for-item="listSum" wx:for-index="idx"> <view wx:if="{{idx=='JieShao'}}"> <view> {{idx}}:{{listSum.name}} </view> <text> {{listSum.name}} \n {{listSum.connect}} --------- </text> </view>

如果

{{listSum[0]}} \n {{listSum.connect}}

name的取值就会失败，输出一个null

2、数组imgUrls

于数据源初始化时方式一直

3、数组 routers