二维数组概述

二维数组

• 在严格意思上面来讲，JavaScript没有二维数组的概念，它只有多维数组的概念
• 二维数组指的是当一个数组当中的元素又是一个数组的时候，它就变在了二维数组

二维的数组的定义

var teachers = ["胖达","西西","桃桃"];		//将老师放在了一个数组里
var stus = ["汪柴","小依","阳阳"];		   //将学生也放在了一个数组里
var person = [teachers,stus];			//这个时候数组里面的元素又是一个数组

上在面的person当中的teachers以及stus都是一个数组，这种情况就把person叫二维数组

var arr1 = new Array(3);
var arr2 = new Array(3);
var arr = new Array(arr1,arr2);

上面的代码还可以简化成下面的写法

var arr = new Array(new Array(3),new Array(3));

还可以直接静态初始化

var arr = new Array(new Array("a","b","c"),new Array("d","e","f"));

之前在学习一维数组的时候也知道可以使用[]来创建数组，所以上面的代码可以直接写化成下在下面的写法

var arr = [
    ["a","b","c"],
    ["d","e","f"]
];

二维数组的定义方式是有多种多样的，只需要参照原来的一维数组进行就可以了

二维数组的特殊情况

首先先要弄清楚，JS当中的数组与其它语言的数是不一样

1. 不限定数据类型
2. 不限定数组的长度

正是因为有了上面这两种特殊情况，所以先来看一下下面的几种方式的二维数组

第一种特殊情况

var arr = [
    ["汪柴","小依","阳阳"],
    ["小薇","乐乐","小苏","冰冰"]
];

上面的代码是合法的，因为JS的数组没有限定长度

第二种特殊情况

var arr =[
    ["汪柴","小依","阳阳"],
    "小薇",
    10
]

上面的代码也是合法的，因为JS的数组没有固定数据类型，里面的元素可以是任何数据类型

第三种特殊情况

var arr = [
    ["汪柴","小依","阳阳"],
    [
        ["胖达","西西"],
        ["桃桃"]
    ],
    "小薇",
    10
]

上面的代码也是合法的，因为JS没有长度的限制，也没有数据类型的限制

二维数组的取值与赋值

在之前讲一维数组的时候讲到过数组的取值是通过下标（索引）来完成的，同理，二维数组也是通过下标来完成的

var arr = [
    ["汪柴", "小依", "阳阳", "雯雯"],
    ["小薇", "乐乐", "小苏", "冰冰"]
];

现在先在内存当中看一下这一个二维数组是如何表现

二维数组的取值可以像表一样去操作

var row0 = arr[0];				//这相当于取了第0行的数据
var s1 = row0[1];				//这相当于取这一行的第1个数取

上在的操作是一步一步进行的，现在合起来一起进行

var s1 = arr[0][1]; 			//小依
var s2 = arr[1][2];				//小苏

赋值也是一样的，现在把冰冰换成“胖达哥”

arr[1][3] = "胖达哥";

总结：多维数组的取值一层一层向下找就可以了

var arr = [
    ["汪柴", "小依", "阳阳"],
    [
        ["胖达", "西西"],
        ["桃桃"]
    ],
    "小薇",
    10
];

在上面的数组里面，要找出"西西"

arr[1][0][1];

二维数组的应用点

二维数组在日常开发与工作当中用于展示表的信息是最好的，同时也是用于展示平面信息是最好的

上面的游戏地图就是一个面面信息，这个地图可以使用二维数组的方式去完成

同时，电影购票里面的坐位信息也是可以使用二维数组去完成的