1. 程式人生 > >JavaScript學習之路 (例項十一)——陣列的使用

JavaScript學習之路 (例項十一)——陣列的使用

1.陣列的基本使用

<script>
	var arr=[1,2,3,4];
	alert(arr[0]);
</script>

在這裡插入圖片描述

2.陣列的shift、unshift使用

<script>
	var arr=[1,2,3];  
	//arr.shift();		//自行除錯程式碼     
	arr.unshift(5);		//不將首個元素從陣列提取出來,放在陣列外(沒有刪除),然後新增元素5
	alert(arr);
</script>

2

3.陣列splice()的使用

<script>
	var arr=[1,2,3,4,5,6];
	//刪除:splice(起點,長度,)
	//arr.splice(2,3);
	
	//插入:splice(起點,長度,元素1,元素2,……)
	//arr.splice(2,0,'zhang','Litbai');
	
	//替換:splice(起點,長度,元素1,元素2,元素.length)
	arr.splice(2,2,'zhang','Litbai');
	alert(arr);
</script>

刪除 插入 替換

4.陣列的concat()使用

<script>
var a=[1,2,3];
var b=[4,5,6];
alert(a.concat(b));      //陣列的連線
</script>

陣列連線

5.陣列的sort()使用

javascript中sort排序預設把陣列當作字串處理,然後根據abcdef……這種排序方式。 數字則是1,2,3……,效果如下

<script>
	var arr=[12,8,99,19,130];
	arr.sort();
	alert(arr);
</script>

在這裡插入圖片描述 那麼當我們要對陣列中的數字進行判斷應該怎麼辦呢?

<script>
	var arr=[12,8,99,19,112];
	arr.sort(function(n1,n2))
	{
		if(n1<n2)
		{
			return 1;       //這裡其實無論返回多少都無所謂,只要是正數
		}
		else if(n1>n2)
		{
			return -1;      //只要返回負數就行
		}
		else
		{
			return 0;
		}
	}
	alert(arr);
</script>

在這裡插入圖片描述

當然我們有更簡單的辦法

<script>
	var arr=[12,8,99,19,112];
	arr.sort(function(n1,n2))
	{
		return n1-n2;       //驚不驚喜,意不意外
				    //原因是因為n1-n2完全能夠表示出
				    //上一個程式碼所要表達的所有情況
	}
	alert(arr);
</script>

效果是一樣的就不放圖了

6.陣列的新增和刪除

<script>
	var arr=[1,2,3];
	arr.push(4);	//在陣列末尾新增一個元素
	//arr.pop();	//在陣列末尾刪除一個元素
	alert(arr);
</script>

新增 刪除