js------數組

添加數組元素方法:

unshift();

push();

splice(index,0,E1,E1,..........)          //the second paremeter must be o

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
    <script type="text/javascript" language="javascript">
	var arr=new Array(1,2,3);
	
	arr.unshift(-1,0);//在數組的頭部插入2個元素
	document.write(arr.toString()+"<br>");
	arr.push(true,false);//在數組尾部拆入2個元素
	document.write(arr.toString()+"<br>");
	arr.splice(2,0,"element1","element2");//在數組的第3個元素後插入2個元素。其中第2個parameter必須爲0
	document.write(arr.toString()+"<br>");
	</script>
</body>
</html>


====================================

使用字符串對象的split()方法

可以分割數組,split() method 如下:

String.split(separator,limit)........第一個parameter爲分隔符,第2個parameter 設置後,返回長度爲limit的數組

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
    <script type="text/javascript" language="javascript">
	function arrElement(arr)
	{
		document.write("the length of array:"+arr.length+"<br>");
		document.write("the elements in array :<br>");
		for(i=0;i<arr.length;i++)
		{
			document.write(i+1+"-"+arr[i]+"<br>");
		}
		document.write("<br>");
	}
	
	var str="Monday-Tuesday-wednesday-Thursday";
	var arr1=str.split();
	var arr2=str.split("abc");//cant find "abd"
	var arr3=str.split("-"); 
	var arr4=str.split("-",2);  //返回長度爲2
	arrElement(arr1);
	arrElement(arr2);
	arrElement(arr3);
	arrElement(arr4);


	</script>
</body>
</html>

========================================

添加數組元素並返回新數組:

(使用unshift(),push(),splice(),方法時候,這些方法都會改變數組本身,而 concat()方法只能在數組尾部添加元素,並不會改變數組中的元素,而是返回一個新的數組)
使用[1,2,3]時候,concat()method 會在數組後append three elements

使用[[true,false],[1,2,3]],會append 2個元素,一個是true,false],另外一個[1,2,3]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
    <script type="text/javascript" language="javascript">
	function arrElement(arr)
	{
		document.write("the length of array:"+arr.length+"<br>");
		document.write("the elements in array :<br>");
		for(i=0;i<arr.length;i++)
		{
			document.write(i+1+"-"+arr[i]+"<br>");
		}
		document.write("<br>");
	}
	
	var arr= new Array(1,2,3);
	
	var arr1=arr.concat(true,false);
	arrElement(arr1);
	var arr2=arr.concat([true,false]);
	arrElement(arr2);
	var arr3=arr.concat([[true,false],[1,2,3]]);
	arrElement(arr3);
	</script>
</body>
</html>

 

==========================================

刪除數組元素。使用delete 刪除後不能改變數組長度,可以使用:

shift()      //刪除頭

pop()   //刪除尾巴

 splice(index,length)//從index處開始,刪除長度爲length的數組

  <script type="text/javascript" language="javascript">

	var arr= new Array(1,2,3,4,5,6,7);
	arr.shift();
	arr.pop();
	arr.splice();
	
	</script>


=========================

替換數組中的元素:

    <script type="text/javascript" language="javascript">
	var arr= new Array(1,2,3,4,5,6,7);
	arr.splice(2,1,true,false);//從數組下標爲2的開始位置刪除1個元素,然後再該位置上再插入2個元素
	</script>
    


=============

summary:

splice在上面幾個都出現過

1.尾部插入元素splice(index,0,element1,。。。。。。)

2.刪除數組元素splice(index,element1)

3,替換數組元素splice(index,length,element1,element2.....)

//所以splice第2個parameter是從下標index被刪除的元素長度,第3個或以上是parameter加入的元素

=============================

 

發佈了35 篇原創文章 · 獲贊 42 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章