任务:我们来做个周计划,周一、二学习理念知识,周三、四到企业实践,周五总结经验,周六、日休息和娱乐。请根据星期几做出选择,使用Switch语句完成。
代码:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>switch</title>
<script type="text/JavaScript"> var myweek =4;//myweek表示星期几变量 switch(myweek) { case 1: case 2: document.write("学习理念知识"); break; case 3: case 4: document.write("到企业实践"); break; case 5: document.write("总结经验"); break; case 6: case 7: document.write("周六、日休息和娱乐"); break; default: document.write("Oh!my God!what day!!"); } </script>
</head>
<body>
</body>
</html>
演示效果:
任务来源:慕课网 - - 《JavaScript 进阶》 - - 多种选择(Switch语句) - - 编程练习
在一个大学的编程选修课班里,我们得到了一组参加该班级的学生数据,分别是姓名、性别、年龄和年级,接下来呢,我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。
任务分解
第一步: 把这些数据组成一个数组,方便我们之后操作哦。
提示: 使用二维数组。
第二步: 筛选数据吧,首先找出都是大一的所有信息 ;
第三步: 最后再一次筛选上一步得到的数据,打印出都是女生的姓名 ;
提示: 可以用switch 或 if 语句进行筛选。
代码(版本一):
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript"> var infos = [ ['小A','女',21,'大一'], ['小B','男',23,'大三'], ['小C','男',24,'大四'], ['小C','男',24,'大四'], ['小D','女',21,'大一'], ['小E','女',22,'大四'], ['小F','男',21,'大一'], ['小G','女',22,'大二'], ['小H','女',20,'大三'], ['小I','女',20,'大一'], ['小J','男',20,'大三'] ]; for(var i = 0; i < infos.length; i++) { if(infos[i][3] === "大一" && infos[i][1] === "女") { document.write(infos[i][0] + "<br />"); } } </script>
</head>
<body>
</body>
</html>
代码(版本二):
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript"> //第一步把之前的数据写成一个数组的形式,定义变量为 infos var info = [['小A','女',21,'大一'], ['小B','男',23,'大三'], ['小C','男',24,'大四'], ['小D','女',21,'大一'], ['小E','女',22,'大四'], ['小F','男',21,'大一'], ['小G','女',22,'大二'], ['小H','女',20,'大三'], ['小I','女',20,'大一'], ['小J','男',20,'大三']]; //第一次筛选,找出都是大一的信息 var num = 0,key = 0; var infos = new Array(); for(var i=0;i<5;i++){ infos[i] = new Array(); for(var j=0;j<2;j++){ infos[i][j] = info[num]; num++; if(infos[i][j][3] == "大一"){ document.write(infos[i][j]); document.write("<br />"); info[key] = infos[i][j]; key++; } } } //第二次筛选,找出都是女生的信息 document.write("<br/>第二次筛选:<br />") for(var q = 0;q < key;q++){ if(info[q][1] == "女"){ document.write(info[q]); document.write("<br />"); } } </script>
</head>
<body>
</body>
</html>
演示效果:
任务来源:慕课网 - - 《JavaScript 进阶》 - - 流程控制语句 - - 编程挑战