這篇文章的主要目的是講解JavaScript數(shù)組和對象的混合使用，由于JS的弱檢查特性，因此在JS數(shù)組中可以同時存儲不同類型的變量，比如你可以把數(shù)字、字符串、字符、對象等內(nèi)容放在同一個數(shù)組中。對象也可以做同樣的事情，區(qū)別是對象可以指定對象里每一個成員的別名，這樣在編程的時候數(shù)據(jù)更易讀，比如：

var arr1 = ["飛魚", 25, 172, "江蘇"];
var person = {name:"飛魚",age: 25, height:172,province: "江蘇"};

這樣，person.name是不是比arr1[0]更易讀，更易使用？當(dāng)然數(shù)組和對象各有優(yōu)勢，本文的重點(diǎn)是將二者的優(yōu)勢結(jié)合起來，綜合使用。

一維數(shù)組
下面的代碼創(chuàng)建名為 cars 的數(shù)組：先創(chuàng)建數(shù)組，再一一賦值

var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";

或者 (condensed array):在創(chuàng)建數(shù)組對象的時候賦值

二維和多維數(shù)組：
1、 創(chuàng)建二維數(shù)組方法一：先創(chuàng)建一個一維數(shù)組，然后該一維數(shù)組的所有成員再創(chuàng)建一維數(shù)據(jù)

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];

相比較上一種方法，這個要簡單易讀多了。

4、總結(jié)
第一種和第二種方法雖然麻煩一些，但貴在可以先創(chuàng)建一個空的多維數(shù)組，然后在for循環(huán)中根據(jù)自己的需求進(jìn)行賦值。第三種方法對于枚舉數(shù)據(jù)來說就比較簡單易用了。
二維數(shù)組的最后一個問題，就是二維數(shù)組或多維數(shù)組的長度是多少？我們測試一下下面的代碼：

   5、如何返回多維數(shù)組的元素個數(shù)

如下數(shù)組：

通過維數(shù)（此處是3）乘以每維元素的個數(shù)（此處是2）就可以得出該多維數(shù)組的元素個數(shù)是6了。但是這并不是保險的做法，因?yàn)槎嗑S數(shù)組中每一個維度的元素個數(shù)是可以不一樣的，如：

        該數(shù)組的第一維的第二個元素數(shù)組包含三個元素，其他的只有兩個，這再使用length來計算還是3，因?yàn)榈谝痪S的元素個數(shù)沒變嘛。但是再使用上面的方法計算該多維數(shù)組的元素個數(shù)就不對了。
        因此多維數(shù)組的length屬性和一維數(shù)組一樣，永遠(yuǎn)返回第一維數(shù)組的元素個數(shù)。計算多維數(shù)組的元素個數(shù)，可以自己創(chuàng)建一個或多個嵌套for循環(huán)來計算，如：
        在知道數(shù)組的維度的情況下，可以針對該數(shù)組寫算法，如二維數(shù)組：

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));

      在多維數(shù)組維度過多，嵌套復(fù)雜時，通過上面的方法來寫針對的算法就太累了，特別是當(dāng)這個復(fù)雜的多維數(shù)組還可能隨時變換維度的情況下。如下這個復(fù)雜的多重嵌套的多維數(shù)組：
var arrN = [["zhangsan", 25, [1, "wangyuchu", 54, [123, 34, 16]], 43], ["lisi", 21, 172], ["wangwu", 32, "suzhou"]];
      甚至，有些多維嵌套數(shù)組比這個還復(fù)雜，那怎么計算數(shù)組元素個數(shù)呢，我寫了一個求數(shù)組元素個數(shù)的函數(shù)，不管是一維還多維，也不管是多么復(fù)雜的嵌套多維數(shù)組，都可以計算出來，算法不麻煩，主要用到了遞歸的理念：
//判斷某個對象是不是數(shù)組

function isArray(obj) {
return obj && ( typeof obj === 'object') && (obj.constructor == Array);
}

//eleNum變量初始值為0，用來統(tǒng)計數(shù)組元素個數(shù)
var eleNum = 0;

//遞歸計算某個數(shù)組元素是不是下一維數(shù)組，如果是，則繼續(xù)遞歸下去；如果不是，統(tǒng)計元素個數(shù)。
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為要計算數(shù)組元素個數(shù)的一維或多維數(shù)組，通過調(diào)用遞歸函數(shù)recursion返回數(shù)組元素個數(shù)
function getArrNElementNum(arr) {
if (arr == null) {
return 0;
}

recursion(arr);

return eleNum;
}

//隨意定義一個復(fù)雜的多維嵌套數(shù)組
var arrN = [["zhangsan", 25, [1, "wangyuchu", 54, [123, 34, 16]], 43], ["lisi", 21, 172], ["wangwu", 32, "suzhou"]];
//打印出來數(shù)組元素個數(shù)
alert(getArrNElementNum(arrN));

對象：
對象由花括號分隔。在括號內(nèi)部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔：

var person={
firstname : "Bill",
lastname : "Gates",
id    : 5566
};

對象屬性有兩種尋址方式：
實(shí)例

name=person.lastname;
name=person["lastname"];

對象和多維數(shù)組的混合使用：
         想象這么一個場景，要枚舉并統(tǒng)計清華大學(xué)（qinghua）、北京大學(xué)(beida)、浙江大學(xué)(zheda)三所大學(xué)一共有多少個系，怎么做？
         首先，建立一個數(shù)組，數(shù)組中包括著三所學(xué)校：

最新評論