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

Posted AmorR

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 <= 100 && 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 循环--用于循环已知次数(比较常用)

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

forvar i  = 0 ; i< 0 ; i ++){

....


}

while循环

语法:

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

注意: 容易出现死循环

do...while循环

语法:

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

与while的区别:

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

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

 

 

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

 








以上是关于JaveScript流程控制(JS知识点归纳四)的主要内容,如果未能解决你的问题,请参考以下文章

JaveScript对象(JS知识点归纳七)

JaveScript内置对象(JS知识点归纳八)

JaveScript数组(JS知识点归纳五)

JavaWeb一些知识点归纳

Vue.js源码解析-Vue初始化流程

JavaScript 系列四:流程控制