這篇文章的主要目的是講解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):在創建數組對象的時候賦值
二維和多維數組:
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];
相比較上一種方法,這個要簡單易讀多了。
4、總結
第一種和第二種方法雖然麻煩一些,但貴在可以先創建一個空的多維數組,然后在for循環中根據自己的需求進行賦值。第三種方法對于枚舉數據來說就比較簡單易用了。
二維數組的最后一個問題,就是二維數組或多維數組的長度是多少?我們測試一下下面的代碼:
5、如何返回多維數組的元素個數
如下數組:
通過維數(此處是3)乘以每維元素的個數(此處是2)就可以得出該多維數組的元素個數是6了。但是這并不是保險的做法,因為多維數組中每一個維度的元素個數是可以不一樣的,如:
該數組的第一維的第二個元素數組包含三個元素,其他的只有兩個,這再使用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};
對象屬性有兩種尋址方式:
實例
name=person.lastname;name=person["lastname"];
對象和多維數組的混合使用:
想象這么一個場景,要枚舉并統計清華大學(qinghua)、北京大學(beida)、浙江大學(zheda)三所大學一共有多少個系,怎么做?
首先,建立一個數組,數組中包括著三所學校:
新聞熱點
疑難解答