Latest web development tutorials
×

JavaScript 教程

JavaScript 教程 JavaScript 簡介 JavaScript 用法 JavaScript 輸出 JavaScript 語法 JavaScript 語句 JavaScript 註釋 JavaScript 變量 JavaScript 數據類型 JavaScript 對象 JavaScript 函數 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 運算符 JavaScript 比較 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 類型轉換 JavaScript 正則表達式 JavaScript 錯誤 JavaScript 調試 JavaScript 變量提升 JavaScript 嚴格模式 JavaScript 使用誤區 JavaScript 表單驗證 JavaScript 保留關鍵字 JavaScript JSON JavaScript void JavaScript 代碼規範

JS 函數

JavaScript 函數定義 JavaScript 函數參數 JavaScript 函數調用 JavaScript 閉包

JS HTML DOM

DOM 簡介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素

JS 高級教程

JavaScript 對象 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 對象

JS 瀏覽器 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 彈窗 JavaScript 計時事件 JavaScript Cookies

JS 庫

JavaScript 庫 JavaScript 測試 jQuery JavaScript 測試 Prototype

JS 實例

JavaScript 實例 JavaScript 對象實例 JavaScript 瀏覽器對象實例 JavaScript HTML DOM 實例 JavaScript 總結

JS 參考手冊

JavaScript 對象 HTML DOM 對象

JavaScript Array(數組)對象

數組對象的作用是:使用單獨的變量名來存儲一系列的值。


Examples

在線實例

創建數組, 為其賦值:

實例

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";

lamp [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();
}
}

嘗試一下»

上面的例子創建了新的數組方法用於將數組小寫字符轉為大寫字符。


Examples

更多實例

合併兩個數組- concat()

合併三個數組- concat()

用數組的元素組成字符串- join()

刪除數組的最後一個元素- pop()

數組的末尾添加新的元素- push()

將一個數組中的元素的順序反轉排序- reverse()

刪除數組的第一個元素- shift()

從一個數組中選擇元素- slice()

數組排序(按字母順序升序)- sort()

數字排序(按數字順序升序)- sort()

數字排序(按數字順序降序)- sort()

在數組的第2位置添加一個元素- splice()

轉換數組到字符串-toString()

在數組的開頭添加新元素- unshift()