数组
本章内容
-
数组的使用
-
树形菜单
第一节 数组的使用
数组: 用于存储一组数据,可以对数据进行批量处理。
语法:
//创建长度为5的数组空间 var ary = new Array(6);
<script type="text/javascript"> var num = 100; //创建长度为5的数组空间 var ary = new Array(6); //为数组元素赋值 ary[0] = 100; ary[1] ="abc"; ary[2]=new Date(); ary[3]=true; ary[4]=200; //ary.length:数组的长度 alert(ary.length); //alert(ary[2]); for(var i=0;i<ary.length;i++) { alert(i+" "+ary[i]); } </script>
统计学生分数:
<!DOCTYPE html> <html> <head> <title> my page </title> <style type="text/css"> </style> <script type="text/javascript"> //定义长度为5的数组,输入5个学生的分数,并求总分 var scores = new Array(5); for(var i=0;i<scores.length;i++) { //通过输入框接受输入分数 var s = parseInt(prompt("请输入第"+(i+1)+"个人的分数:","")); //将输入存入数组 scores[i]=s; } alert("数据存储完毕!开始输出数据"); var sum = 0; for(var i=0;i<scores.length;i++) { sum = sum+scores[i]; document.write(scores[i]+"<br/>"); } document.write("总分:"+sum); /* var num1 = prompt("请输入第1个人的分数:"); var num2 = prompt("请输入第2个人的分数:"); var num3 = prompt("请输入第3个人的分数:"); var num4 = prompt("请输入第4个人的分数:"); var num5 = prompt("请输入第5个人的分数:"); */ </script> </head> <body> </body> </html>
第二节 树形菜单
<!DOCTYPE html> <html> <head> <title> my page </title> <style type="text/css"> .c1 { border:2px solid red; } .c2 { border:2px dashed green; } </style> <script type="text/javascript"> function getP() { //根据id获取单个元素 var d1 = document.getElementById("d1"); //根据标签名,获取元素数组 var pAry = d1.getElementsByTagName("p"); console.log(pAry); //alert(pAry.length); /* for(var i=0;i<pA