switch/while/if条件判断

最新推荐文章于 2024-09-10 21:46:52 发布

原创最新推荐文章于 2024-09-10 21:46:52 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#switchwhileif条件判断

javascript 专栏收录该内容

1 篇文章

订阅专栏

一、switch分支结构：根据一个变量的不同取值，来执行不同的代码

语法结构：

switch(变量)

{

case值1：

代码1；

Break（关键字）;

case 值2：

代码2;

break;

case 值3:

代码3;

break;

default:（意思有未履行，弃权，默认）

如果上边的条件都不满足，则执行；

}

结构说明：

变量是可以取不同值的；如：str = 1、 2、3、 4……

如果变量的值与某个case中的值相等，则执行该case中的代码；

break(中断)用于结束一个case的运行，如果没有写break语句，则会向一个一个case都会执行；

break中断后，直接跳转到switch结构的后面去执行其它的代码；

default用于，当以上条件都不满足时，则执行的代码；

case中的“值”后面是英文下的“:”号，不是分号；

二、while循环

所谓循环，就是重复的执行代码。

语法结构：

var i = 0; //变量初始化，定义变量并赋值

while(条件表达式)

{

重复执行的代码；

变量更新；//要有退出循环的条件，否则就是死循环

}

结构说明：

如果条件为true，则执行循环体代码；

如果条件为false，则退出循环；

在循环体前，必须要对变量初始化；

在循环体中，必须要对变量进行递增或递减；

三、if条件判断：常用于一个范围的判断

语法结构一：

if( 条件表达式，结果是true或false )

{

//条件为true时，执行的代码

}

举例：

var a = “abc”;//变量a自动转换成布尔型true

if( a )

{

document.write(a);

}

语法结构二：(关键字小写)

if(条件表达式 )

{

//条件为true时，执行的代码

}else

{

//条件为false时，执行的代码

}

条件表达式的结果，只有两种可能true和false。

语法结构三(多条件)：

if(条件1)

{

代码1;

}else if(条件2)

{

代码2;

}else if(条件3)

{

代码3 ；

}else

{

如果以上条件都不满足，则执行；

}

注意：多种if条件判断的结果只有一个，不可能同时执行多个结果；

window.prompt()弹出一个输入对话框

语法格式：prompt(text[,defaultText])

参数说明：

Text：提示信息；

defaultText：是可选项，是输入框中默认显示的文本

返回值：如果点“确定”返回string类型，如果点“取消”返回null类型

举例：var score =window.prompt(“请输入一个分数”,”60”)

例如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>作业2</title>
<script type="text/javascript">
/*计算1-1000之间能被3整除的偶数的个数
（1）先输出1-1000间的所有数
（2）能被3整除，并且是偶数(i%2==0)
（3）统计偶数的个数
*/
//1.定义变量  初始化
var i = 1;
var n = 0;   //个数
while( i <=1000 )
{
    if( i%3==0 && i%2==0 )
{
        n++;//展开：n=n+1  变量的更新，不然死循环
}
    i++;   //  展开：i=i+1  变量的更新，不然死循环
}
document.write(n);   // 个数为166个。
</script>
</head>
<body>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>9.5while/switch练习</title>
<script type="text/javascript">
//实例：根据系统时间，输出“今天是星期几”
//核心问题：如何获取到系统时间中的星期的值
//（1）创建一个Date()的实例对象
//Date()是JS的内置对象，主要用于获取系统时间信息的
/*
var today = new Date();
//日期时间对象的一个方法getDay()，用来获取当前系统的星期值(0-6)0代表星期天
var week = today.getDay();
//根据week的不同取值，分别输出结果
switch(week)
{
case 1:
str = "一";
break;
case 2:
str = "二";
break;
case 3:
str = "三";
break;
case 4:
str = "四";
break;
case 5:
str = "五";
break;
case 6:
str = "六";
break;
default:
str = "星期日";
}
var str = "今天是星期"+str;
document.write(str);
</script>
</head>
<body>
</body>
</html>