JavaScript Array（數(shù)組） 對(duì)象
JavaScript 數(shù)組基本概念
數(shù)組是一系列值的集合，即可以看做是多個(gè)變量用一個(gè)總的變量來表示。數(shù)組包含了 0 個(gè)或多個(gè)數(shù)組元素。
創(chuàng)建數(shù)組
JavaScript 中使用 new 關(guān)鍵字來創(chuàng)建數(shù)組，語法如下：
// 創(chuàng)建空數(shù)組：
new Array()
// 創(chuàng)建 num 個(gè)元素的數(shù)組：
new Array(num)
// 直接創(chuàng)建帶有元素值的數(shù)組：
new Array(element0,element1,element2...)
說明：Array(3) 表示創(chuàng)建元素個(gè)數(shù)為 3 的數(shù)組，但實(shí)際上該數(shù)組的元素個(gè)數(shù)仍然是可變的。以下是常用的創(chuàng)建數(shù)組的例子：
var array_1 = new Array();
array_1[0] = 'a';
array_1[1] = 10.5;
array_1[2] = true;
var array_2 = new Array(3)
array_2[0] = {x:10, y:15};
array_2[1] = document.getElementById("article");
array_2[2] = new Array();
var array_3 = new Array('a',10.5,true);
數(shù)組元素就如變量一樣，可以是任何 JavaScript 支持的東西，甚至也可以是一個(gè)數(shù)組，如上面的例子所示。
JavaScript 也支持隱形聲明創(chuàng)建一個(gè)數(shù)組：
var array_4 = ['a',10.5,true];
但需要注意，array_4 與 array_3 是不相等的，alert( array_3==array_4 ) 將輸出 false。
數(shù)組元素的操作
讀取元素的值
數(shù)組包含了多個(gè)數(shù)組元素，對(duì)數(shù)組元素的訪問是通過下標(biāo)來完成的，注意下標(biāo)是從 0 開始計(jì)數(shù)的：
var array_3 = new Array('a',10.5,true);
alert( array_3[1] ); // 輸出：10.5
修改元素的值
var array_3 = new Array('a',10.5,true);
array_3[1] = 20; // 賦新值給元素
alert( array_3[1] ); // 輸出：20
增加元素
JavaScript 支持以下標(biāo)的新式直接在數(shù)組后面增加新的元素：
var array_3 = new Array('a',10.5,true);
array_3[3] = 'new value'; // 賦新值給元素
alert( array_3[3] ); // 彈出提示窗輸出：20
增加數(shù)組元素更多的方法還可以參考：
JavaScript push 方法：向數(shù)組的末尾添加一個(gè)或多個(gè)元素
JavaScript unshift 方法：向數(shù)組的開頭添加一個(gè)或多個(gè)元素
JavaScript splice 方法：插入、刪除或替換數(shù)組的元素
刪除元素
要?jiǎng)h除數(shù)組元素，請(qǐng)參考以下內(nèi)容：
JavaScript pop 方法：向數(shù)組的末尾添加一個(gè)或多個(gè)元素
JavaScript shift 方法：向數(shù)組的開頭添加一個(gè)或多個(gè)元素
JavaScript splice 方法：插入、刪除或替換數(shù)組的元素
提示：將數(shù)組元素賦值為 null 的方式，只能清除元素的值而不能刪除該元素。
實(shí)例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">點(diǎn)我</button>
<script>
Array.prototype.myUcase=function(){
for (i=0;i<this.length;i++){
this[i]=this[i].toUpperCase();
}
}
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.myUcase();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>
