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

综合技术 2017-12-31

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年心情美美の。

您可能感兴趣的

JavaScript–我发现,原来你是这样的JS:函数表达式和闭包... 一、介绍 本次博客主要介绍函数表达式的内容,主要是闭包。 二、函数表达式 定义函数的两种方式:一个是函数声明,另一个就是函数表达式。 //1.函数声明写法 function fn2(){ console.log('函数声明'); } //2.函数表达式写法 var fn1...
Five Popular JavaScript Tech Talks: JWT, Async/Awa... Five Popular JavaScript Tech Talks: JWT, Async/Await, Arrays/Objects and Jest Speakers from companies like Slack, IBM...
Trick for deriving co/contra-variance I can never remember if function arguments are covariant or contravariant but I know a trick for how to derive it. The trick is pretty simple and foll...
Collective #372 Collective #372 December 6, 2017 View All Progressive Image Loading * Animate Plus * Iota * Animating Border * Turbo * Web Content Accessibi...
拿Proxy可以做哪些有意思的事儿 Proxy是什么 首先,我们要清楚, Proxy 是什么意思,这个单词翻译过来,就是 代理 。 可以理解为,有一个很火的明星,开通了一个微博账号,这个账号非常活跃,回复粉丝、到处点赞之类的,但可能并不是真的由本人在维护的。 而是在背后有...