【前端】JavaScript入门及实战31-35
31 if练习(3)
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
/*
编写程序，由键盘输入三个整数分别为num1, num2, num3
对他们进行排序，并且从小到大输出
*/
/*
prompt()函数的返回值是String类型的
*/
var num1 = +prompt("请输入第一个数"); // 添加+，使其变成number
var num2 = +prompt("请输入第二个数");
var num3 = +prompt("请输入第三个数");
if(num1 < num2 && num1 < num3){
//num1最小
if(num2 < num3){
alert(num1 + "," + num2 + "," + num3);
}else{
alert(num1 + "," + num3 + "," + num2);
}
}else if(num2 < num1 && num2 < num3){
//num2最小
if(num1 < num3){
alert(num2 + "," + num1 + "," + num3);
}else{
alert(num2 + "," + num3 + "," + num1);
}
}else{
//num3最小
if(num1 < num2){
alert(num3 + "," + num1 + "," + num2);
}else{
alert(num3 + "," + num2 + "," + num1);
}
}
</script>
<style>
</style>
</head>
<body>
</body>
</html>
32 if例子
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
var num = 20;
if(num == 20){
alert("哈哈哈");
}
//num = 20相当于true
if(num = 20){
alert("哈哈哈");
}
</script>
<style>
</style>
</head>
<body>
</body>
</html>
33 switch语句
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
/*
条件分支语句也叫switch语句
语法：switch（条件表达式）{
case 表达式：
语句。。。
break;
case 表达式：
语句。。。
break;
case 表达式：
语句。。。
break;
default：
语句。。。
break;
}
执行流程：switch...case...语句
在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较
如果比较结果为true，则从当前case处开始执行代码
当前case后的所有代码都会被执行，我们可以在case的后面跟着break关键字，
这样可以确保只会执行当前case后的语句，不会执行其他case
如果比较结果为false，则继续向下比较
如果所有比较结果都为false，则执行default后的语句
switch语句和if语句的功能有重复的，使用switch可以实现if的功能，
同样使用if也可以实现switch的功能，所以使用时根据自己习惯选择
*/
//根据num的值，输出对应的中文
var num = 2;
if(num == 1){
console.log("1");
}else if(num == 2){
console.log("2");
}else if(num == 3){
console.log("3");
}
var num = 1;
switch(num){
case 1:
console.log("1");
//使用break可以来退出switch语句
break;
case 2:
console.log("2");
break;
default:
console.log("非法字符");
break;
}
</script>
<style>
</style>
</head>
<body>
</body>
</html>
34 switch练习
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
/*
对于成绩大于60分，输出“合格”，低于60分的，输出“不合格”。
*/
var score = +prompt("请输入成绩");
switch(parseInt(score / 10)){
case 10:
case 9:
case 8:
case 7:
case 6:
console.log("合格");
break;
default:
console.log("不合格");
break;
}
switch(true){
case score >= 60:
console.log("合格");
break;
default:
console.log("不合格");
break;
}
</script>
<style>
</style>
</head>
<body>
</body>
</html>
35 while循环
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset = "utf-8">
<script type="text/javascript">
/*
向页面中输出连续的数字
*/
var n = 1;
document.write(n++ + "<br/>");
/*
循环语句：通过循环语句可以反复的执行一段代码多次
while循环：while（条件表达式）{
语句。。。
}
while语句在执行时，先对条件表达式进行求值判断，
如果值为true，则执行循环体，循环体执行完毕后，继续对表达式进行判断，如果为true继续执行，以此类推
如果值为false，则终止循环
do...while循环：do{
语句。。。
}while（条件表达式）;
执行流程：执行时先执行循环体，循环体执行完毕后，再对while后的条件表达式进行判断，如果结果为true，则继续执行循环体，执行完毕继续判断，以此类推
如果值为false，则终止循环
实际上这两个语句功能类似，不同的是while先判断后执行，do...while先执行后判断
do...while可以保证循环体至少执行一次，而while不能
*/
n = 1
//像这种讲条件表达式写死为true的循环，叫死循环
//该循环不会停止，除非浏览器关闭，死循环在开发中慎用
//可以使用break，来终止循环
while(true){
alert(n++);
//判断n是否是10
if(n == 10){
//退出循环
break;
}
}
//创建一个循环，往往需要三个步骤
//1. 初始化一个变量
var i = 1;
//2. 在循环中设置条件表达式
while(i < 10){
//3. 定义一个更新表达式，每次更新初始化变量
i++;
document.write(i++ + "<br/>");
}
do{
document.write(i++ + "<br/>");
}while(i <= 10);
</script>
<style>
</style>
</head>
<body>
</body>
</html>
原文地址：https://blog.csdn.net/weixin_45980065/article/details/140514411
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！