Javascript 物件 – 陣列物件

bignewbie發表於2018-10-25
JavaScript物件陣列

JavaScript核心物件

  • 陣列物件Array
  • 字串物件String
  • 日期物件Date
  • 數學物件Math

 

 

陣列物件

陣列物件是用來在單一的變數名中儲存一系列的值。陣列是在程式語言中經常使用的一種資料結構，可以用來儲存一系列的值，在JavaScript中同一陣列中可以儲存不同資料型別的資料。

1.建立陣列

  • 建立一個大小為的陣列

　　　　var array = new Array();

  • 建立一個大小為size的陣列

　　　　var array = new Array(size);

  • 建立一個陣列並賦值

　　　　var array = new Array(elements0,element1,……);

 

2.訪問陣列

通過索引可以訪問陣列元素，索引值為0  ~（length-1），例如：

　　var array = new Array(2,3,5);

　　dcoument.write(array[1]);  //輸出的結果為3

 

3.陣列的屬性

  • length屬性　　

　　　　length屬性表示陣列的長度，即陣列中包含的元素個數。

　　例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>length</title>
<script language="JavaScript">

    var array = new Array("A","B","C","D");
    document.write("初始的陣列元素為：");
    printarray(array);
    array.length = 7;
    document.write("length變大的陣列元素為：");
    printarray(array);
    array.length = 3;
    document.write("length變小的陣列元素為：");
    printarray(array);
    document.write("arry[5]="+arry[5]);
    function printarray(array) {
        for (var i = 0;i<array.length;i++){
            document.write(array[i]+"&nbsp");
        }
        document.write("<br>");

    }

</script>
</head>
<body>

</body>
</html>

 

 

  • prototype屬性

　　　　prototype屬性是所有JavaScript物件所共有的屬性，用於將新定義的屬性或者方法新增到物件中，物件的例項可以呼叫新增的方法或者屬性。

　　語法：

　　　　Array.prototype.methodName = functionName;

　　　　或者

　　　　Array.prototype.methodName = functionName（[param1]，[param2]…）{

　　　　　　statem；

　　　　}

　　例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>length</title>
<script language="JavaScript">
    function array_max() {
        var i,max=this[0];
        for(i=1;i<this.length;i++){
            if(max<this[i]){
                max=this[i];
            }
        }
        return max;

        }
        function array_print() {
            for (var i=0;i<this.length;i++){
                document.write(this[i]+"&nbsp;");
            }
            document.write("<br>");
        }
        Array.prototype.max = array_max;
        Array.prototype.print = array_print;
        var array = new Array(32,8,-12,156,78);
        document.write("陣列的值為：");
        array.print();
        document.write("陣列中最大的元素值為："+array.max());


</script>
</head>
<body>

</body>
</html>

 

 

  • constructor屬性

　　　　constructor屬性用於返回對建立物件的陣列函式的引用。

　　例如：

　　

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>constructor</title>
<script>
    var a = new Array();
    if (a.constructor = array){
        document.write("array is Array");
    }
    else if (a.constructor = Boolean){
        document.write("a is Boolean");
    }
</script>
</head>
<body>

</body>
</html>

 

4.陣列的方法

方法 描述
concat() 連線兩個或更多的陣列，並返回結果。
join() 把陣列的所有元素放入一個字串。元素通過指定的分隔符進行分隔。
pop() 刪除並返回陣列的最後一個元素
push() 向陣列的末尾新增一個或更多元素，並返回新的長度。
reverse() 顛倒陣列中元素的順序。
shift() 刪除並返回陣列的第一個元素
slice() 從某個已有的陣列返回選定的元素
sort() 對陣列的元素進行排序
splice() 刪除元素，並向陣列新增新元素。
toSource() 返回該物件的原始碼。
toString() 把陣列轉換為字串，並返回結果。
toLocaleString() 把陣列轉換為本地陣列，並返回結果。
unshift() 向陣列的開頭新增一個或更多元素，並返回新的長度。
valueOf() 返回陣列物件的原始值

　

 

 

特此宣告：如需轉載請註明出處，如有疑問請及時提出以便於改正，如有侵權，聯絡刪除，謝謝

相關文章