DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 8.4 Array對象的屬性和方法
8.4 Array對象的屬性和方法
編輯:JavaScript基礎知識     

String對象和Date對象都有自己的屬性和方法,同樣作為“對象”大家族的一員大將,Array也不例外。

一、Array對象屬性

在Array對象中有3個屬性,分別是length、constructor和prototype。在初學者階段,我們僅僅掌握length這個屬性就可以了。

語法:

數組名.length

說明:

length屬性用於獲取數組的長度。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //創建數組
    var arr1 = new Array();
    var arr2=new Array(1,2,3,4,5,6);
    //輸出數組長度
    document.write(arr1.length+"<br/>");
    document.write(arr2.length+"<br/>");
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

當使用new Array()方法創建數組時,在不對其進行賦值情況下,length屬性的返回值為0。

二、Array對象方法

Array對象常用方法如下:

Array對象常用方法 方法 說明 slice() 獲取數組中的某段數組元素 unshift() 在數組開頭添加元素 push() 在數組末尾添加元素 shift() 刪除數組中第一個元素 pop() 刪除數組最後一個元素 toString() 將數組轉換為字符串 join() 將數組元素連接成字符串 concat() 多個數組連接為字符串 sort() 數組元素正向排序 reverse() 數組元素反向排序

以上都是Array對象常用的方法,我們在接下來的課程中會對這些方法進行詳細地講解。

疑問

1、之前不是說數組是存儲一組“相同數據類型”的數據結構嗎?為什麼當數組元素為不同數據類型時,JavaScript也不會報錯並且能輸出呢?

舉例2:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var arr = new Array(123, "javascript", false, NaN, undefined, null);
        for (var i = 0; i < arr.length; i++) {
            document.write(arr[i] + "<br/>");
        }
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

其實數組是可以存儲不同數據類型的元素的,但是實際開發中很少使用不同數據類型的數據作為數據元素。所有我們強烈要求大家在使用數組時候,存儲的數組元素的數據類型一定要相同。至於為什麼數組可以存儲不同數據類型的數據,我們有機會再在JavaScript進階或者高階中講解其原理,大家現在不必鑽牛角尖。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved