js一維數組、多維陣列和對象的混合使用方法，js維數

js一維數組、多維陣列和對象的混合使用方法，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個學院屬性，而每個學院屬性又是一個包含多個系的數組，這就是一個典型的多維陣列和對象混合使用的例子，可以簡單明了的說明和列表學校、學院和系之間的層級、歸屬和數量關係。

您可能感興趣的文章:

• JavaScript實現多維陣列的方法