小程序 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