日期:2014-05-16  浏览次数:20315 次

javascript基础(四)数组及常见方法

今天主要复习一下数组及常见方法:

数组的长度
数组的reverse方法
数组的concat方法
数组的join方法
数组的创建
数组的pop和shift方法
数组的slice方法
数组其他的常见方法
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> JavaScript的数组 </TITLE>
  <META NAME="Content-Type" CONTENT="text/html;charset=utf-8">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var arr=new Array();
	arr[0]="arr_user1";
	arr[1]="arr_user2";
	arr[2]="arr_user3";

	var arr1=new Array(5);
	arr1[0]="arr1_user1";
	arr1[1]="arr1_user2";
	arr1[2]="arr1_user3";
	arr1[3]="arr1_user4";
	arr1[4]="arr1_user5";
	arr1[5]="arr1_user6";
	arr1[2]="arr1_newuser3";
	//alert(arr1[2]);

	//alert(arr.length);
	
	for(var i=0;i<arr1.length;i++){
		document.write(arr1[i]+"<br/>");
	}
	document.write("<br/>");

	//数组倒序的方法
	//有需要后进先出的要求时,常用于该方法
	arr1.reverse();
	for(var i=0;i<arr1.length;i++){
		document.write(arr1[i]+"<br/>");
	}
	
	document.write("<br/>")
	document.write("<h1>数组的concat方法</h1>");
	var newarr=arr.concat(arr1,"newelement");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}

	//数组的join方法
	document.write("<br/>");
	document.write("<h1>数组的join方法</h1>");
	var resultStr=newarr.join("_");
	document.write(resultStr);

	//数组的pop方法
	document.write("<br/>");
	document.write("<h1>数组的pop方法</h1>");
	var element=newarr.pop();
	document.write(element+"</br>");
	document.write("pop方法后,该数组还剩下"+newarr.length+"个元素<br/>");

	//数组的shift方法
	document.write("<br/>");
	document.write("<h1>数组的shift方法</h1>");
	var element=newarr.shift();
	document.write(element+"<br/>");
	document.write("shift方法后,该数组还剩下"+newarr.length+"个元素<br/>");

	//数组的slice方法
	//slice方法中的start索引如果为负数,则从数组的后面开始截取,-1为数组的最后一个元素
	document.write("<br/>");
	document.write("<h1>数组的slice方法</h1>");
	var slicearr=newarr.slice(-2);
	for(var i=0;i<slicearr.length;i++){
		document.write(slicearr[i]+"<br/>");
	}

	//数组的push方法
	document.write("<br/>");
	document.write("<h1>数组的push方法</h1>");
	var num=newarr.push("pushelement1");
	document.write("newarr中的最后一个新增元素为:"+newarr[num-1]+"<br/>");
	num=newarr.push("pushelement2","pushelement3");
	document.write("newarr中的最后一个新增元素为:"+newarr[num-1]+"<br/>");

	//数组的unshift方法
	//不能在IE浏览器中用unshift方法返回新数组的长度
	document.write("<br/>");
	document.write("<h1>数组的unshift方法</h1>");
	num=newarr.unshift("unshiftelement1");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}
	document.write("<br/>");
	num=newarr.unshift("unshiftelement2","unshiftelement3","unshiftelement4");
	for(var i=0;i<newarr.length;i++){
		document.write(newarr[i]+"<br/>");
	}
  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
  
 </BODY>
</HTML>