JS一維陣列、多維陣列和物件的混合使用
引言
這篇文章的主要目的是講解JavaScript陣列和物件的混合使用，由於JS的弱檢查特性，因此在JS陣列中可以同時儲存不同型別的變數，比如你可以把數字、字串、字元、物件等內容放在同一個陣列中。物件也可以做同樣的事情，區別是物件可以指定物件裡每一個成員的別名，這樣在程式設計的時候資料更易讀，比如：
var arr1 = ["飛魚", 25, 172, "江蘇"];
var person = {name:"飛魚",age: 25, height:172,province: "江蘇"};
這樣，person.name是不是比arr1[0]更易讀，更易使用？當然陣列和物件各有優勢，本文的重點是將二者的優勢結合起來，綜合使用。
一維陣列
下面的程式碼建立名為 cars 的陣列：先建立陣列，再一一賦值
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者 (condensed array):在建立陣列物件的時候賦值
var cars=new Array("Audi","BMW","Volvo");
或者 (literal array):不建立變數，直接輔助，不過注意建立物件時用的小括號“( )”，而直接賦值時用的是方括號“[ ]”,這個一不小心就容易出錯。
例項
var cars=["Audi","BMW","Volvo"];
上面是一維陣列的三種建立方式。由於JS的弱檢查性，你可以在一維陣列中放不同型別的變數。
二維和多維陣列：
1、 建立二維陣列方法一：先建立一個一維陣列，然後該一維陣列的所有成員再建立一維資料
var persons = new Array();
persons[0] = new Array();
persons[1] = new Array();
persons[2] = new Array();
persons[0][0] = "zhangsan";
persons[0][1] = 25;
persons[1][0] = "lisi";
persons[1][1] = 22;
persons[2][0] = "wangwu";
persons[2][1] = 32;
persons[0] = ["zhangsan", 25];
persons[1] = ["lisi", 21];
persons[2] = ["wangwu", 32];
相比較上一種方法，這個要簡單易讀多了。
persons.length = 3
2、建立二維陣列方法二：先建立一個一維陣列，然後該一維陣列的所有成員直接賦值
var persons = new Array();
3、建立二維陣列方法三：直接賦值
var persons = [["zhangsan", 25], ["lisi", 21], ["wangwu", 32]];
4、總結
第一種和第二種方法雖然麻煩一些，但貴在可以先建立一個空的多維陣列，然後在for迴圈中根據自己的需求進行賦值。第三種方法對於列舉資料來說就比較簡單易用了。
二維陣列的最後一個問題，就是二維陣列或多維陣列的長度是多少？我們測試一下下面的程式碼：
document.write("persons = " + persons + "<br />persons.length = " + persons.length);
輸出的結果是：
persons = zhangsan,25,lisi,21,wangwu,32
也就是說，多維陣列的length屬性返回的是多維陣列第一維的長度，而不是多維陣列中元素的個數。
5、如何返回多維陣列的元素個數
如下陣列：
var persons = [["zhangsan", 25], ["lisi", 21], ["wangwu", 32]];
通過維數（此處是3）乘以每維元素的個數（此處是2）就可以得出該多維陣列的元素個數是6了。但是這並不是保險的做法，因為多維陣列中每一個維度的元素個數是可以不一樣的，如：
var persons = [["zhangsan", 25], ["lisi", 21, 172], ["wangwu", 32]];
該陣列的第一維的第二個元素陣列包含三個元素，其他的只有兩個，這再使用length來計算還是3，因為第一維的元素個數沒變嘛。但是再使用上面的方法計算該多維陣列的元素個數就不對了。
因此多維陣列的length屬性和一維陣列一樣，永遠返回第一維陣列的元素個數。計算多維陣列的元素個數，可以自己建立一個或多個巢狀for迴圈來計算，如：
在知道陣列的維度的情況下，可以針對該陣列寫演算法，如二維陣列：
var persons = [["zhangsan", 25], ["lisi", 21], ["wangwu", 32]];
function getArr2ElementNum(arr) {
var eleNum = 0;
if (arr == null) {
return 0;
}
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
eleNum++;
}
}
return eleNum;
}
alert(getArr2ElementNum(persons));
在多維陣列維度過多，巢狀複雜時，通過上面的方法來寫針對的演算法就太累了，特別是當這個複雜的多維陣列還可能隨時變換維度的情況下。如下這個複雜的多重巢狀的多維陣列：
var arrN = [["zhangsan", 25, [1, "wangyuchu", 54, [123, 34, 16]], 43], ["lisi", 21, 172], ["wangwu", 32, "suzhou"]];
甚至，有些多維巢狀陣列比這個還複雜，那怎麼計算陣列元素個數呢，我寫了一個求陣列元素個數的函式，不管是一維還多維，也不管是多麼複雜的巢狀多維陣列，都可以計算出來，演算法不麻煩，主要用到了遞迴的理念：
//判斷某個物件是不是陣列
function isArray(obj) {
return obj && ( typeof obj === 'object') && (obj.constructor == Array);
}
//eleNum變數初始值為0，用來統計陣列元素個數
var eleNum = 0;
//遞迴計算某個陣列元素是不是下一維陣列，如果是，則繼續遞迴下去；如果不是，統計元素個數。
function recursion(obj) {
if (isArray(obj)) {
for (var j = 0; j < obj.length; j++) {
if (!isArray(obj[j])) {
eleNum++;
continue;
}
recursion(obj[j]);
}
} else {
eleNum++;
}
}
//arr為要計算陣列元素個數的一維或多維陣列，通過呼叫遞迴函式recursion返回陣列元素個數
function getArrNElementNum(arr) {
if (arr == null) {
return 0;
}
recursion(arr);
return eleNum;
}
//隨意定義一個複雜的多維巢狀陣列
var arrN = [["zhangsan", 25, [1, "wangyuchu", 54, [123, 34, 16]], 43], ["lisi", 21, 172], ["wangwu", 32, "suzhou"]];
//打印出來陣列元素個數
alert(getArrNElementNum(arrN));
物件：
物件由花括號分隔。在括號內部，物件的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的物件 (person) 有三個屬性：firstname、lastname 以及 id。
空格和折行無關緊要。宣告可橫跨多行：
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
物件屬性有兩種定址方式：
例項
name=person.lastname;
name=person["lastname"];
物件和多維陣列的混合使用：
想象這麼一個場景，要列舉並統計清華大學（qinghua）、北京大學(beida)、浙江大學(zheda)三所大學一共有多少個系，怎麼做？
首先，建立一個數組，陣列中包括著三所學校：
var departments = [qinghua, beida, zheda];
每個學校又有很多不同或相同的學院（xx），如何表示？在這裡就要用到陣列包含物件了：
var departments = [qinghua{xx1, xx2, xx3}, beida{xx4, xx5, xx6, xx7}, zheda{xx8, xx9}];
每個學院又有不同的系(d)，如何表示？
var departments = [qinghua{xx1:[d1, d2], xx2[d3, d5], xx3:[d7, d8]}, beida{xx4, xx5, xx6, xx7}, zheda{xx8, xx9}];
//只是舉個例子，後面兩個大學我就不表示了
上述例子就是一個數組，該陣列的元素是學校物件，學校物件有N個學院屬性，而每個學院屬性又是一個包含多個系的陣列，這就是一個典型的多維陣列和物件混合使用的例子，可以簡單明瞭的說明和列表學校、學院和系之間的級別、歸屬和數量關係。