看了很多介紹javascript面向?qū)ο蠹夹g(shù)的文章,很暈.為什么?不是因?yàn)閷懙貌缓?而是因?yàn)樘願(yuàn)W.javascript中的對象還沒解釋清楚怎么回事,一上來就直奔主題,類/繼承/原型/私有變量。結(jié)果呢,看了大半天,有了一個(gè)大概的了解,細(xì)細(xì)一回味,好像什么都沒懂。

這篇文章是參考<<javascript-the definitive guide,5th edition>>第7,8,9章而寫成的,我也會(huì)盡量按照原書的結(jié)構(gòu)來說明javascript的面向?qū)ο蠹夹g(shù)(對象/數(shù)組->函數(shù)-->類/構(gòu)造函數(shù)/原型).對一些我自己也拿捏不準(zhǔn)的地方,我會(huì)附上原文的英文語句,供大家參考.

如果不做說明,則文中出現(xiàn)的所有英文語句(程序體除外)都是引自<<javascript-the definitive guide,5th edition>>.

數(shù)組

我們已經(jīng)提到過,對象是無序數(shù)據(jù)的集合,而數(shù)組則是有序數(shù)據(jù)的集合,數(shù)組中的數(shù)據(jù)(元素)通過索引(從0開始)來訪問,數(shù)組中的數(shù)據(jù)可以是任何的數(shù)據(jù)類型.數(shù)組本身仍舊是對象,但是由于數(shù)組的很多特性,通常情況下把數(shù)組和對象區(qū)別開來分別對(Throughout this book, objects and arrays are often treated as distinct datatypes.This is a useful and reasonable simplification; you can treat objects and arrays as separate types for most of your JavaScript programming.To fully understand the behavior of objects and arrays, however, you have to know the truth: an array is nothing more than an object with a thin layer of extra
functionality. You can see this with the typeof operator: applied to an array value, it returns the string "object". --section7.5).

創(chuàng)建數(shù)組可以用"[]"操作符,或者是用Array()構(gòu)造函數(shù)來new一個(gè).

Js代碼

var array1 = []; //創(chuàng)建空數(shù)組  
var array2 = new Array(); //創(chuàng)建空數(shù)組  
array1 = [1,"s",[3,4],{"name1":"NAME1"}]; //  
alert(array1[2][1]); //4 訪問數(shù)組中的數(shù)組元素  
alert(array1[3].name1); //NAME1 訪問數(shù)組中的對象  
alert(array1[8]); //undefined  
array2 = [,,]; //沒有數(shù)值填入只有逗號(hào),則對應(yīng)索引處的元素為undefined  
alert(array2.length); //3  
alert(array2[1]); //undefined 

用new Array()來創(chuàng)建數(shù)組時(shí),可以指定一個(gè)默認(rèn)的大小,其中的值此時(shí)為undefined,以后可以再給他們賦值.但是由于javascript中的數(shù)組的長度是可以任意改變的,同時(shí)數(shù)組中的內(nèi)容也是可以任意改變的.

因此這個(gè)初始化的長度實(shí)際上對數(shù)組沒有任何的約束力.對于一個(gè)數(shù)組,如果對超過它***長度的索引賦值,則會(huì)改變數(shù)組的長度,同時(shí)會(huì)對沒有賦值的索引處賦值undefined,看下面的例子.

Js代碼
 

 var array = new Array(10);  
alert(array.length); //10  
alert(array[4]); //undefined  
array[100] = "100th"; //這個(gè)操作會(huì)改變數(shù)組的長度,同時(shí)將10-99索引對應(yīng)的值設(shè)為undefined  
alert(array.length); //101  
alert(array[87]); //undefined  

可以用delete操作符刪除數(shù)組的元素,注意這個(gè)刪除僅僅是將數(shù)組在該位置的元素設(shè)為undefined,數(shù)組的長度并沒有改變.我們已經(jīng)使用過了數(shù)組的length屬性,length屬性是一個(gè)可以讀/寫的屬性,也就是說我們可以通過改變數(shù)組的length屬性來任意的改變數(shù)組的長度.如果將length設(shè)為小于數(shù)組長度的值,則原數(shù)組中索引大于length-1的值都會(huì)被刪除.如果length的值大于原始數(shù)組的長度,則在它們之間的值設(shè)為undefined.

Js代碼

var array = new Array("n1","n2","n3","n4","n5"); //五個(gè)元素的數(shù)組  
var astring = "";  
for(var i=0; i<array.length; i++) { //循環(huán)數(shù)組元素  
astring += array[i];  
}  
alert(astring); //n1n2n3n4n5  
delete array[3]; //刪除數(shù)組元素的值  
alert(array.length + "_" + array[3]) //5_undefined  
array.length = 3; //縮減數(shù)組的長度  
alert(array[3]); //undefined  
array.length = 8; //擴(kuò)充數(shù)組的長度  
alert(array[4]); //undefined  

對于數(shù)組的其他方法諸如join/reverse等等,在這就不再一一舉例.

通過上面的解釋,我們已經(jīng)知道,對象的屬性值是通過屬性的名字(字符串類型)來獲取,而數(shù)組的元素是通過索引(整數(shù)型 0~~2**32-1)來得到值.數(shù)組本身也是一個(gè)對象,所以對象屬性的操作也完全適合于數(shù)組.

【編輯推薦】

1. javascript面向?qū)ο蠹夹g(shù)基礎(chǔ)(一)
2. Javascript中閉包的作用域鏈
3. 讓瀏覽器非阻塞加載javascript的幾種方式
4. Javascript解決瀏覽器兼容性問題