1.陣列的定義：

陣列（Array）是有序的元素序列。 [1]  若將有限個型別相同的變數的集合命名，那麼這個名稱為陣列名。組成陣列的各個變數稱為陣列的分量，也稱為陣列的元素，有時也稱為下標變數。用於區分陣列的各個元素的數字編號稱為下標。陣列是在程式設計中，為了處理方便， 把具有相同型別的若干元素按有序的形式組織起來的一種形式。 [1]  這些有序排列的同類資料元素的集合稱為陣列。

 注意：陣列必須先定義再使用！

下圖是陣列建立的三種方式：

		<script type="text/javascript">
			//1.new 一個陣列物件 ，括號寫數字可以指定陣列的容量
			var arr1 = new Array();
			//2.直接給陣列賦初始值
			var arr2 = new Array("小紅","小粉","小紫");
			//3.直接用 [] 宣告賦予初始值
			var arr3 = ["紅紅","粉粉","紫紫"];
		</script>

 瀏覽器右鍵檢查，點 Console 然後依次輸入紅框內容，可以檢視我們定義的陣列，第一個就是一個空陣列。如果寫 Array(2)，這是顯示的是  [empty × 2] 

2.陣列的操作

① 新增和刪除陣列中的元素

向陣列中新增元素兩種方法：1.利用陣列下標直接賦值  2.利用 push 方法追加陣列

3. unshift 方法，從頭部插入元素。與下文 刪除(shift)方法一樣，往下看

4.splice 方法：splice(索引位置,刪除個數,插入元素1，...插入元素 n)

陣列的下標是從0 開始的，所以 0表示第一個元素。下圖演示是向空陣列中新增元素，正常的陣列也是這麼新增的。

		<script type="text/javascript">
			//1.下標法
			var arr1 = new Array();
			arr1[0]="第一個元素";
			arr1[1]="第二個元素";
			//2.push 方法
			var arr2 = new Array();
			arr2.push("第一個");
			arr2.push("第二個");
			arr2.push("第三個");
		</script>

演示效果：

② 陣列的遍歷 

1. 使用 for 迴圈遍歷陣列

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小綿羊","梅花鹿"];
		for (var i=0;i<arr1.length;i++){
			document.write(arr1[i]);
			document.write('&nbsp&nbsp');
		}
	</script>

演示結果：小白兔  大灰狼  小綿羊  梅花鹿   

2. 使用 for in 迴圈遍歷陣列

	<script type="text/javascript">
		var arr2 = ["毛筆","墨水","宣紙","硯臺"];
		for (key in arr2){
			document.write(key+"&nbsp"+arr2[key]);
			document.write('&nbsp&nbsp');
		}
	</script>

演示結果：0 毛筆  1 墨水  2 宣紙  3 硯臺  

說明一下，這裡的數字就是陣列的下標，也稱為索引值。

③ 刪除陣列中的元素

1.pop 方法：刪除最後一個元素。

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小綿羊","梅花鹿"];
		var last1 = arr1.pop();
		document.write(arr1);
		document.write("<br/>");
		document.write(last1);
	</script>

演示效果：第一行是陣列 arr1,第二行的梅花鹿是被刪除的元素。

2. shift 方法：刪除第一個元素。

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小綿羊","梅花鹿"];
		var last1 = arr1.shift();
		document.write(arr1);
		document.write("<br/>");
		document.write(last1);
	</script>

演示效果：第一行是陣列 arr1,第二行的小白兔是被刪除的元素。

3. splice 方法：指定位置刪除指定元素，splice(索引位置，刪除個數)

	<script type="text/javascript">
		var arr1 = ["小白兔","大灰狼","小綿羊","梅花鹿"];
		var last1 = arr1.splice(1,2); //從索引 1 的位置上刪除兩個元素
		document.write(arr1);
		document.write("<br/>");
		document.write(last1);
	</script>

演示效果：第一行是陣列 arr1,第二行的大灰狼,小綿羊是被刪除的元素。

④ 合併陣列

concat 合併陣列，格式：陣列。concat(陣列1,陣列2,.....陣列n)

	<script type="text/javascript">
		var arr1 = [1,2,3];
		var arr2 = [4,5,6];
		var arr = arr1.concat(arr2);
		document.write(arr);
	</script>

演示結果：1,2,3,4,5,6

⑤ 陣列轉為字串

join 方法：將陣列中的元素合併成一個用指定分隔符分割的字串。格式：陣列.join(分隔符)

	<script type="text/javascript">
		var arr1 = ["毛筆","墨水","宣紙","硯臺"];
		var arr = arr1.join("——");
		document.write(arr);
	</script>

演示效果：毛筆——墨水——宣紙——硯臺 

⑥ 陣列元素倒序

reverse 方法：將原來的陣列倒序，不會建立新的陣列。

	<script type="text/javascript">
		var arr1 = ["毛筆","墨水","宣紙","硯臺"];
		arr1.reverse();
		document.write(arr1);
	</script>

演示效果：硯臺,宣紙,墨水,毛筆

⑦ 對陣列元素進行排序

sort 方法：可以實現排序，預設是按 ASSCII 碼自動排序的。

	<script type="text/javascript">
		var arr1 = new Array();
		arr1[0] = "red";
		arr1[1] = "pink";
		arr1[2] = "orange";
		arr1[3] = "blue";
		arr1[4] = "white";
		arr1[5] = "green";
		document.write("排序前:"+arr1+"<br/>");
		document.write("排序後:"+arr1.sort());
	</script>

演示效果：

3.二維陣列或者多維陣列

不想寫了，其實就是一個巢狀的關係，累了，今天就到這裡，親們可以自己去百度看看。

---

未經允許，禁止轉載！ 晚安哦，早點睡覺~