1. 程式人生 > 實用技巧 >建立JavaScript陣列物件例項

建立JavaScript陣列物件例項

建立陣列, 為其賦值:

例項

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

  

頁面底部你可以找到更多的例項。

什麼是陣列?

陣列物件是使用單獨的變數名來儲存一系列的值。

如果你有一組資料(例如:車名字),存在單獨變數如下所示:

var car1="Saab";
var car2="Volvo";
var car3="BMW";

  

然而,如果你想從中找出某一輛車?並且不是3輛,而是300輛呢?這將不是一件容易的事!

最好的方法就是用陣列。

陣列可以用一個變數名儲存所有的值,並且可以用變數名訪問任何一個值。

陣列中的每個元素都有自己的的ID,以便它可以很容易地被訪問到。

建立一個數組

建立一個數組,有三種方法。

下面的程式碼定義了一個名為 myCars的陣列物件:

1: 常規方式:

var myCars=new Array(); 
myCars[0]="Saab";       
myCars[1]="Volvo";
myCars[2]="BMW";

  

2: 簡潔方式:

var myCars=new Array("Saab","Volvo","BMW");

  

3: 字面:

var myCars=["Saab","Volvo","BMW"];

  

訪問陣列

通過指定陣列名以及索引號碼,你可以訪問某個特定的元素。

以下例項可以訪問myCars陣列的第一個值:

var name=myCars[0];

  

以下例項修改了陣列 myCars 的第一個元素:

myCars[0]="Opel";

  

[0] 是陣列的第一個元素。[1] 是陣列的第二個元素。

在一個數組中你可以有不同的物件

所有的JavaScript變數都是物件。陣列元素是物件。函式是物件。

因此,你可以在陣列中有不同的變數型別。

你可以在一個數組中包含物件元素、函式、陣列:

myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;

  

陣列方法和屬性

使用陣列物件預定義屬性和方法:

var x=myCars.length             // myCars 中元素的數量
var y=myCars.indexOf("Volvo")   // "Volvo" 值的索引值

  

完整的陣列物件參考手冊

你可以參考本站關於陣列的所有屬性和方法的完整參考手冊。

參考手冊包含了所有屬性和方法的描述(和更多的例子)。

完整陣列物件參考手冊

建立新方法

原型是JavaScript全域性建構函式。它可以構建新Javascript物件的屬性和方法。

例項:建立一個新的方法。

Array.prototype.myUcase=function(){
    for (i=0;i<this.length;i++){
        this[i]=this[i].toUpperCase();
    }
}

  

上面的例子建立了新的陣列方法用於將陣列小寫字元轉為大寫字元。