首頁 > web前端 > js教程 > Javascript中的Array數組物件詳談_jquery

Javascript中的Array數組物件詳談_jquery

WBOY
發布: 2016-05-16 16:57:18
原創
1026 人瀏覽過

首先數組的定義以及初始化的方法:
var myArray = new Array(1,3.1415,"love"); //這裡注意myArray數組中的元素不只是同一種資料類型的元素,可以有整形,有浮點型,有字串等等都可以。這裡充分展示了javascript作為一種語言對資料類型的弱化,語言更加的隨意化,簡單化。就行定義物件的時候用var一樣。
在此介紹的有限,同時有一些我沒有給出結果,希望大家自己體會,自己動手嘗試一下,看看結果到底是什麼,這樣有助於記憶。以下帶[]是可以省去的參數。

Array的屬性:
length:陣列物件的長度,即陣列元素的數量。這裡同樣要注意第一元素的下標是0.
document.write(myArray.length); //結果是3

Array的方法:

複製程式碼 程式碼如下:

join():把陣列中的各元素逐一連接起來,用分隔符號置於元素與元素之間
document.write(myArray.join("-")); //輸出結果:1-3.1415-love
document.write(myArray.join(" ")); / /輸出結果:是什麼呢?
document.write(myArray.join("*¥")); //輸出結果:是什麼呢?
document.write(myArray.join("* &")); //輸出結果:是什麼呢?
document.write(myArray.join(" ")); //輸出結果:是什麼呢?

reverse():將陣列中的元素的順序顛倒
document.write(myArray.reverse()); //輸出結果:love,3.1415,1
slice( [,]):相當於數組的裁切,這裡不包括終。看到這裡大家應該會聯想到關於Sting物件的substring()和substr()方法了吧。 。其實都類似。
var arraynumber = new Array(1,2,3,4,5,6,7,8);
document.write(arraynumber.slice(3)); //輸出結果:4,5, 6,7,8
document.write(arraynumber.slice(3,5)); // 輸出結果:4,5
i made a mistake,我原來寫的結果是4,5,6,其實是4,5。多謝有位朋友提出來。大家注意一下,其實slice方法是不包括終止位置的。
document.write(arraynumber.slice(3,3)); // 輸出結果:是什麼呢?
document.write(arraynumber.slice(3,2)); // 輸出結果:是什麼呢?
document.write(arraynumber.slice(3,-1)); // 輸出結果:是什麼呢?
document.write(arraynumber.slice(-100)); // 輸出結果:什麼呢?

sort([]):排序
不帶方法函數,按字母順序進行排序,即按照字元編碼的順序排序,不是通常認為的按數值排序。
如果帶方法函數,則依方法函數排序。

範例:
複製程式碼 程式碼如下:


程式碼如下:<script> 🎜>function sortNumber(a,b) <BR>{ <BR>return a-b; <BR>} <BR>var myArray = new Array(3,2,54,23,90,250); <🎜 "document.write("未經sort排序的數值:",myArray,"<br />") <BR>document.write("預設sort排序的數值:",myArray.sort(),"<br / >") <BR>document.write("經sortNumber()的sort排序的數值:",myArray.sort(sortNumber),"<br />") <BR></script>

結果是:
未經sort排序的數值:3,2,54,23,90,250
預設sort排序的數值:這我也不知道,主要誰去記字元編碼呢。 >經sortNumber()的sort排序的數值:2,3,23,54,90,250
大家如果把sortNumber方法中的"a-b"改成"b-a",結果是什麼呢?
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板