码迷,mamicode.com
首页 > 编程语言 > 详细

前端实践--JavaScript--流程控制语句

时间:2016-05-13 03:32:09      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:

任务:我们来做个周计划,周一、二学习理念知识,周三、四到企业实践,周五总结经验,周六、日休息和娱乐。请根据星期几做出选择,使用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的知识挑出其中所有是大一的女生的的名字哦。

学生信息如下:
技术分享

任务分解

第一步: 把这些数据组成一个数组,方便我们之后操作哦。

提示: 使用二维数组。

第二步: 筛选数据吧,首先找出都是大一的所有信息 ;

第三步: 最后再一次筛选上一步得到的数据,打印出都是女生的姓名 ;

提示: 可以用switchif 语句进行筛选。

代码(版本一):

<!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 进阶》 - - 流程控制语句 - - 编程挑战

前端实践--JavaScript--流程控制语句

标签:

原文地址:http://blog.csdn.net/lovejulyer/article/details/51338227

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!