這篇文章的主要目的是講解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)三所大学一共有多少个系,怎么做?
首先,建立一个数组,数组中包括着三所学校: