JaveScript流程控制(JS知识点归纳四)

01 流程控制

顺序结构:程序的默认执行方式

条件判断语句:也称之为分支结构,选择结构:如果程序要执行的代码出现了多种情况需要使用

循环结构:当代码需要多次重复执行多次时,使用

02 条件判断语句

if语句

if语句条件中需要一个布尔类型的值,true表示成立,如果不是布尔类型的值,会进行隐式转换的

1.单if语句

使用场景:某段代码 执行 不执行

        var age = 20;
        if (age>18) {
            alert("成年人");
     }//成年人

2.if…else 语句

使用场景:某段代码,执行情况为两种情况的时候,当条件成立的时候执行前面的代码,当条件不成立的时候。执行后面的代码。

     var age = 20;
        if (age>18) {
            alert("成年人");
        }else{
            alert("未成年");
        }//成年人

3. if..else..if语句

使用场景:某段代码执行情况为多种的时候

根据考试的成绩,判断处于优良及格不及格哪个区间
100-90优秀 90-80良 80-60 及格 0-60不及格
     //1 声明一个变量保存成绩
       var score = 87;
       //2 判断
       //需要考虑,score的值可能并不合法,这些值需要提前排除在外
       //当值大于100或小于0都不合法
       if (score > 100 || score < 0) {
         //设置的值不合法,进行提示
         console.log("值不合法");
         // } else if (score = 90) {
         // 注意单个条件中的&&和||的不同使用情况
         // 实际上由于前面设置过一个过滤的if,此处条件可以简写
       } else if (score >= 90) {
         //设置优秀的情况
         console.log("优秀");
       } else if (score >= 80) {
         //设置良的情况
         console.log("良");
       } else if (score >= 60) {
         //设置及格的情况
         console.log("及格");
       } else {
         //剩下的值为0-60之间,为不及格
         console.log("不及格");
       }

三元运算符

三元运算符就是if..else的简化写法

语法:

条件?式子1:式子2;
var n1 = 98;
var n2 = 78;
n1>n2 ? n1 : n2;//98

使用场景:

根据条件的真假,选择执行式子1 或者 式子2

根据条件的真假,选择执行 或者 返回默认值 (默认值要放在后面)

switch语句

使用场景:适用于单值计算

特点:使用的是全等判断方式,比较严谨

语法:

    switch(需要判断的值){
            case 数值:
            代码块;
            break;
            case 数值:
            代码块;
            break;
            default:
            代码块;
        }    

注意:

1. break:立即结束

2. defult:剩下其他的

03 循环结构

for 循环–用于循环已知次数(比较常用)

语法:条件依次是:循环变量的声明;循环条件:循环变量的增减

for(var i  = 0 ; i< 0 ; i ++){

....


}

while循环

语法:

while(条件){
  代码块
  i++; 
}

注意: 容易出现死循环

do…while循环

语法:

do{代码块}while(条件);

与while的区别:

在检测之前先进行一个代码块的执行(与条件没有关系)

适应场景:用户输入用户名和密码

PS:提前祝大家2018年心情美美の。

博客园精华区稿源:博客园精华区 (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » JaveScript流程控制(JS知识点归纳四)

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录