20180715- JavaScript流程控制语句

最新推荐文章于 2024-01-24 23:33:58 发布

cutebright00

最新推荐文章于 2024-01-24 23:33:58 发布

阅读量172

点赞数 1

分类专栏：笔记语法 JavaScript 文章标签：课堂笔记 JavaScript

本文链接：https://blog.csdn.net/cutebright00/article/details/81050435

版权

笔记同时被 3 个专栏收录

37 篇文章 0 订阅

订阅专栏

JavaScript

13 篇文章 0 订阅

订阅专栏

语法

3 篇文章 0 订阅

订阅专栏

分支语句

①掌握条件语句if

语法一：

if（condition）{

statement1；

}

语法二：

if（condition）{

statement1；

}else{

statement2；

}

语法二：

if（condition）{

statement1；

}else if（condition）{

statement2；

}...else{

statement3；

}

var age=prompt("请输入您的年龄");
if(age<18){
    alert("您还没有成年")
}else if(age>=18 && age<=59){
    alert("您可以进入")
}else{
    alert("您已超出年龄限制")
}

②掌握prompt（）的应用

语法：prompt（）

功能：弹出输入框

返回值：

-点击确定，返回输入内容

-点击取消，返回null

var age=prompt("请输入您的年龄");
if(age<18){
    alert("您还没有成年")
}else{
    alert("您已成年，请提供您的身份证号")
  }

③掌握alert（）的应用

语法：alert（）

功能：弹出警告对话框

var age=15;
if(age<18){
    alert("您还没有成年")
}

练习题

length

语法：string.length

功能：获取string字符串的长度

返回值：number

var password=prompt("请设置密码");
//判断密码长度，如果不是六位，否则
   if(password.length!=6){
      alert("请输入六位的数字密码")
   }else{
       //如果密码是非数字，否则是数字
       if(isNaN(password)==true){
           alert("密码必须是数字")
       }else{
           alert("密码设置成功")
       }
   }

1、掌握星期的获取方法

- 语法：new Date().getDay()

- 功能：获取星期

- 返回值：number（0-6）

2、掌握document.write()

语法：document.write("内容")

功能：向浏览器输出内容

3、掌握条件语句switch

语法：

switch（expression）{

case value:statement

break;

case value:statment

break;

......

default:statement

}

var week=new Date().getDay();//new Date 中间要有空格！
console.log(week); //0-6
//多条件的判断 switch
    switch(week){
        case 0:
            document.write("今天是星期日");
             break; //退出
        case 1:
            document.write("今天是星期一");
            break;  //退出
        case 2:
            document.write("今天是星期二");
            break;  //退出
        case 3:
            document.write("今天是星期三");
            break;  //退出
        case 4:
            document.write("今天是星期四");
            break;  //退出
        case 5:
            document.write("今天是星期五");
            break;  //退出
        default:
            document.write("今天是星期六");
    }

优化后：

var week=new Date().getDay();
var weekstr="";
console.log(week); //0-6
//多条件的判断 switch
    switch(week){
        case 0:
            weekstr="日";
             break; //退出
        case 1:
            weekstr="一";
            break;  //退出
        case 2:
            weekstr="二";
            break;  //退出
        case 3:
            weekstr="三";
            break;  //退出
        case 4:
            weekstr="四";
            break;  //退出
        case 5:
            weekstr="五";
            break;  //退出
        default:
            weekstr="六";
    }
    document.write("今天是星期" + weekstr);

循环语句

for

①掌握for语句的语法结构

②掌握for语句的应用逻辑

语法：

for（语句1；语句2；语句3）{

被执行的代码块；

}

-语句1：再循环（代码块）开始执行

-语句2：定义运行循环（代码块）的条件

-语句3：再循环（代码块）已被执行之后执行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>document</title>

</head>
<body>
     <script>
         //1-100 101
         //循环的初始值   //循环条件   //变量的变化

       for(var i=1;i<=100;i++){
             document.write(i +'<br />');
        }

</script> </body> </html>

嵌套

当循环与循环发生嵌套时遵循下列规则：

1、外层为假内层不执行；

2、先执行外层再执行内层，直至内层的条件为假时再返回外层去执行。

for(var i=1;i<=3;i++){
    document.write(i +'<br>');
    for (var j=1;j<=5;j++){
        document.write(j+'</br>')
    }
}

for-in
while

语法：

while（条件）{

需要执行的代码；

}

var i=1;
while(i<=100){
    document.write(i+'</br>');
    i++;
}

//1+2+3+....100=?
    var sum=0;
    var n=1;
    while(n<=100){
        sum+=n;
        n++;
    }
    document.write(sum);

do...while

语法：

do{

需要执行的代码；

}while（条件）

说明：这种语法的循环至少要被执行一次。

// 1-10
 var i=1;
 do{
     if(i%2 == 0){
         document.write(i);
     }
     i++;
 }while(i<=10);

总结：

for 适合已知循环次数的循环体；

while 适合未知循环次数的循环体。

break

立即退出循环

continue

结束本次循环，继续开始下一次

var num=0;
for(var i=1;i<10;i++){
    //如果i是5的倍数，退出
    if(i%5==0){
        break;
    }document.write(i);//1234
}
    var num=0;
    for(var i=1;i<10;i++){
        //如果i是5的倍数，退出
        if(i%5==0){
            continue;
        }document.write(i);//1234 6789
    }

var num=0;
for(var i=1;i<10;i++){
    //如果i是5的倍数，退出
    if(i%5==0){
        continue;
    }
    num++;
}document.write(num);//8

//打印所有0-50之间除20和30之外的5的倍数
 for(var n=0;n<=50;n+=5){
     if(n==20|| n==30){
         continue;
     }document.write(n);
 }

cutebright00

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
20180715- JavaScript流程控制语句

分支语句 ①掌握条件语句if 语法一： if（condition）{ statement1； } 语法二： if（condition）{ stat...
复制链接

扫一扫

专栏目录