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

任务:我们来做个周计划,周一、二学习理念知识,周三、四到企业实践,周五总结经验,周六、日休息和娱乐。请根据星期几做出选择,使用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 进阶》 - - 流程控制语句 - - 编程挑战

时间: 2024-11-09 09:35:12

前端实践--JavaScript--流程控制语句的相关文章

第一百零一节,JavaScript流程控制语句

JavaScript流程控制语句 学习要点: 1.语句的定义 2.if 语句 3.switch语句 4.do...while语句 5.while语句 6.for语句 7.for...in语句 8.break和continue语句 9.with语句 ECMA-262规定了一组流程控制语句.语句定义了ECMAScript中的主要语法,语句通常由一个或者多个关键字来完成给定的任务.诸如:判断.循环.退出等 一.语句的定义  在ECMAScript中,所有的代码都是由语句来构成的.语句表明执行过程中的流

JavaScript流程控制语句脑图

JavaScript流程控制语句脑图 图片是从网上找来的,在这记录一下,以备后面需要的时候查找方便. JavaScript通过规定的语句让有条件的按照一定的方式执行. 分为:循环语句 while do-while for for-in 跳转语句 return break continue 选择语句 if switch 异常处理语句 throw try catch finally 图片来自www.w3cschool.cn如有侵权请告知我删除. 原文地址:https://www.cnblogs.co

javascript流程控制语句-循环

一.JS中的流程控制语句(if语句) 格式: if(条件1){ 如果条件1成立,执行这里代码 }else{ 如果条件不成立,则执行这里代码 } 格式: if(条件1){ 如果条件1成立,执行这里代码 }else if(条件2){ 如果条件2成立,执行这里代码 }else if(条件3){ 如果条件3成立,执行这里代码 }.......... else{ 如果条件1到条件n都不成立,执行这里代码 } 嵌套格式: if(条件1){ if(条件){ 如果条件成立,执行这里代码 } }else{ 如果条

JavaScript 流程控制语句

一.if 语句 if语句是基于条件成立才执行相应代码时使用的语句. 语法:if(条件) {条件成立时执行代码} 例子: <script type="text/javascript"> var mycarrer = "HTML"; if (mycarrer == "HTML") { document.write("你面试成功,欢迎加入公司."); }</script> 二.if...else 语句(二选一

JavaScript流程控制语句

三种执行顺序:  1.顺序执行:  2.选择执行:  3.循环执行. 条件语句:  通过判断得到的结果,来决定是执行还是跳过指定的代码.  if语句 :   var a = 3;   if(a>5){   console.log(a);   }  注意:  1.if关键字后面的条件结果必须是布尔值:  2.if关键字后面的小括号不可省略:  3.if后面的大括号{}可以省略,但不建议省略. if else:  例: var b = 5; if (b>10) { console.log(&quo

JavaScript进阶 - 第4章 跟着我的节奏走(流程控制语句)

第4章 跟着我的节奏走(流程控制语句) 4-1 做判断(if语句) if语句是基于条件成立才执行相应代码时使用的语句. 语法: if(条件) { 条件成立时执行代码} 注意:if小写,大写字母(IF)会出错! 假设你应聘web前端技术开发岗位,如果你会HTML技术,你面试成功,欢迎加入公司.代码表示如下: <script type="text/javascript">   var mycarrer = "HTML";   if (mycarrer ==

【JavaScript】停不下来的前端,自动化流程

http://kb.cnblogs.com/page/501270/ 流程 关于流程,是从项目启动到发布的过程.在前端通常我们都做些什么? 切图,即从设计稿中获取需要的素材,并不是所有前端开发都被要求切图,也不是所有前端开发都会切图,但请享受学习新知识的过程吧. 创建模版(html.jade.haml).脚本(javascript.coffeescript).样式(css.less.sass.stylus)文件,搭建基础的项目骨架. 文件(jade.coffeescript.less.sass…

一篇文章带你了解JavaScript中的语法,数据类型,流程控制语句以及函数

作者 | Jeskson 来源 | 达达前端小酒馆 1 JavaScript有多重要啊,才能让我说说一下,其中的语法,操作符,数据类型,内置功能等. 语法: 在JavaScript中的变量,函数名和操作符都是区分大小写的,所以变量名Da和变量名da分别为两个不同的变量. 标识符: 什么是标识符?它是指变量,函数,属性的名称,以及函数的参数. 标识符的规则: 一:第一个字符必须是,一个字母,下划线,或者是,一个美元符号 二:后面的字符,可以是字母,下划线,或是数字. 在JavaScript中标识符

JavaScript基础——变量-运算符-流程控制语句

JavaScript组成 一个完整的 JavaScript 实现是由以下 3 个不同部分组成的: ECMAScript:描述了该语言的语法和基本对象: 文档对象模型(Document Object Model,简称DOM)):描述处理网页内容的方法和接口: 浏览器对象模型(Browser Object Model,简称BOM)):描述与浏览器进行交互的方法和接口. 变量 变量类型:object string function boolean undefined null number JavaS