【Js】JavaScript中的多维数组与对象

基本的数组结构

一维数组

var Province =new Array('江苏','浙江','安徽'); 或者
var Province = ['江苏','浙江','安徽'];

多维数组
二维数组

var Province=new Array();
Province[0]=new Array();
Province[0][0]="南京";
Province[0][1]="苏州";
Province[1]=new Array();
Province[1][0]="杭州";
Province[1][1]="宁波";

或者

var City =[['南京','苏州'],['杭州','宁波']];

三维数组

var Area =[[['雨花台区','玄武区'],['姑苏区','工业园区']]];

对象与数组的混合使用
对象

var Province = [{name:'江苏',id:'A'}];

对象Province 有两个属性：name和id

混合使用

var Province = [
  {name:'江苏',id:'A',City:[
  {name:'南京',id:'A_1',Area:['雨花台区','玄武区']},
  {name:'苏州',id:'A_2',Area:['姑苏区','工业园区']}
]},
  {name:'浙江',id:'B',City:[
  {name:'杭州',id:'B_1',Area:['西湖区','滨江区']}，
  {name:'宁波',id:'B_2',Area:['江北区','北仑区']}
]}];

上述代码通过多维数组和对象混合使用的方法，简洁阐述了列表中省份、城市及区域的结构归属关系。其中id属性用来通过遍历的方式获取列表的其他数据，id可通过各层级之间的归属关系获取，无需命名。混用的方法相对纯数组结构来说，遍历的方式更加清晰简单，调整数组内容时也更加灵活。