欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

javascript基础:Array对象

程序员文章站 2024-02-17 17:01:34
...

下面的代码 用2种方式创建数组对象,直接调用数组的length获取元素个数,用sort方法排序,reserve反向输出,join关联,concat合并。

还可以创建多维数组,通过多维数组存储链接和图片,实现随机广告的效果。

代码:

 

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script language="javascript">

	function show(x)
	{
		for(i=0; i<x.length; i++)
			document.write("<br>"+ x[i]);
	}	
  </script>
 </head>
 <body>
	<script language="javascript">

	    //创建数组的2种方法
		var a = new Array("apple","orange","pawpaw","banana");	
		
		var aa = new Array(4);
		aa[0] = "50";
		aa[1] = "6";
		aa[2] = "16";
		aa[3] = "62";

		//array对象的属性、方法
		document.write("<br>"+ a.join(","));     //把数组元素通过逗号连接
		document.write("<br>"+ a.concat(aa));    //合并数组a、aa
		document.write("<br>"+ a.reverse());     //反向输出(和反向排序没有关系),会改变原始值

		document.write("<br>"+ aa.sort());        //排序,会改变原始值
		document.write("<br>"+ aa.sort(function sortN(a,b) {return a-b;}));   //按照指定的排序函数进行排序
		
		//定义多维数组
		var ad = new Array(3);
		for(i=0;i<ad.length;i++)
		{
			ad[i] = new Array(2);
		}

		ad[0][0] ="http://www.baidu.com";
		ad[0][1] ="1.gif";
		ad[1][0] ="http://www.163.com";
		ad[1][1] ="2.gif";
		ad[2][0] ="http://www.qq.com";
		ad[2][1] ="3.gif";

		//random产生0~1直接的随机数,再进行四舍五入,结果是0、1、2
		var c = Math.round(2*Math.random());  

		document.write("<center><a href='"+ad[c][0]+"'>");
		document.write("<img src='"+ad[c][1]+"' width=500 height=100></a>");

	</script>

   </body>
</html>