JavaScript Array物件 --- Part 2

目錄 : 網頁設計學習課程參考

在本課中，我們將ㄧ同來看一些Array物件的屬性及方法.

範例

作為開始我們宣告了ㄧ個名稱singers的Array, 並放入三個元素. 首先我們可以透過Array物件的length屬性取得Array物件中的元素個數.

另外如果呼叫Array物件的toString( )方法，會把Array物件中的元素以逗號 , 為分隔字元連接為ㄧ字串. 該字串的最後並不會以分隔字元結尾. 請注意呼叫JavaScript 物件的方法(Method)必需在方法名稱後加上圓括號( ). 而在Javascript物件的屬拄(Property)則沒有圓括號. 

在本例子中，首先我列出singers的元素個數並呼叫singers的toString( )方法. 程式碼如下圖.

執行程式後, 結果如下.

如果想用逗號 ，以外的其他字元作為分隔字元，我們可使用Array物件的join( )方法，呼叫時必需在圓括號中輸入所要採用的分隔字用.

在下列示範中，我們使用分號 ； 作為我們的分隔字元.

執行程式後, 結果如下.

很多時候我們是需要反其道而行的把ㄧ個字串以某個字元作為分隔字元. 這種時候我們可以使用string的split( )方法並提供一個字元作為分隔字元. 在下列的示範中我們使用分號 ； 作為分隔字元，然後把產出的Array物件存在變數colors中. 為了顯示colors為一Array物件，我們透遇組碼存取colos的第一個及第二個元素並將之列出.

執行程式後, 結果如下.

Array物件內建兩個方法可以用來將元素排序.  使用Array物件的sort( )方向我們可以將元素以升冪方式排列. 在以下示範中我們在colors呼叫sort( )方法之後再呼叫toString( )方法列出依升冪排列後的內容. 為方便比較之用，我們也把colors呼叫toString( )方法，列出原來元素排列的順序.

執行程式後, 結果如下. 各位可見原來排在最後的顏色black已被改排列到第一位.

另外我們也可以呼叫Array物件的reverse( )方法將元素以降冪排列. 在以下示範中我們使用colors呼叫reverse( )方法之後並列出它的內容.

執行程式後, 結果如下.

在下ㄧ課中我們將為各位介紹Array物件的其他方法.


PS: 版權所有,侵犯著作權必告.