美文网首页
JS流程控制语句

JS流程控制语句

作者: 一条没有梦想的老咸鱼 | 来源:发表于2019-02-22 02:18 被阅读0次

if语句

if语句是编程语言中用的最多的语句,语法如下

if(condition){
    true statement
}else{
    false statement
    }

condition(条件)可以是任意表达式,Javascript解析器会调用Boolean()将这个表达式的结果转换成布尔值,如果结果为true则执行true statement,如果为false则执行false statement

if语句可以单独使用,也可以和多个else相连

var age = 16;
if(age >= 20){
    console.log("大于等于20岁")
}else if(age < 20 && age > 15){
    console.log("小于20岁,却大于15")
}else{
    console.log("小于15岁")
}
//结果:小于20岁,却大于15

label语句

使用label语句可以在代码中添加标签,以便将来使用。

start: for (var i=0;i<conut;i++){
    console.log(i);
}

这个例子定义了start标签可以在将来由break和continue语句来引用

label语句一般用不上

switch语句

switch进行判断的时候使用的是全等===不会做类型转换

switch语句与if语句是关系密切,事实上if和switch是可以相互取代的。语法如下:

switch(expression){
    case value: statement;
    break;
    case value:statement;
    break;
    case value:statement;
    break;
    case value:statment;
    break;
    default:statment;
}

每一个case代表一个情形,如果表达式等于这个值(value)则执行后面的statement(语句),break是关键字会导致代码执行流跳出swich语句。

如果忽略break会导致同时执行多个case statement的情况

var i = 2;
switch(true){
    case i == 2:
        console.log("i == 2")
    case i == 3:
        console.log("i == 3")
        break;
    default:
        console.log("xx")
}
/*
结果为:i == 2
        i == 3
*/

有时候我们会故意忽略break

var i = 70;
switch(i){
    case 70:
    case 71:
    case 72:
    case 73:
    case 74:
        console.log("i >= 70");
        break;
    default:
        console.log(i);
}
//结果为:i >= 70;

while 和 do-while

while语句

while语句属于前测试循环语句,在循环体内的代码被执行之前,就会对条件求值,不符合的就不会被求值,语法如下:

while(expression){
    statement;
}

下面是一个示例:

var i = 0;
while(i < 10){
    i += 2;
}

这个例子中循环条件为i < 10,i初始值为0,每次循环+2.只要i的值小于10就一一直循环;

do-while语句

do-while语句是后测试循环语句,既循环体内部代码被执行后,再去测试条件。也就是说不管什么情况都会执行一次,语法如下:

do{
    statement;
}while(expression)

下面是一个示例:

var i = 0;
do{
    i += 2;
}while(i > 10);
console.log(i);

for语句

for语句也是前测试语句,但他具备在循环之前初始化变量和定义循环后要执行的代码的能力,语法如下:

for(var i = 0;i < 10;i++){
    statement;
}

下面是一个遍历数组示例:

var arr = [1,2,3,4,5]
for(var i = 0;i < arr.length;i++){
    console.log(arr[i]);
}
/*结果为:
1
2
3
4
5
*/

for-in语句

for-in语句是一种精准迭代语句,可以用于枚举对象的属性,语法如下:

for(property in expressin)statement;

下面是一个示例:

var obj = {a:1,b:2,c:3,d:4}//创建一个对象,属性名分别a,b,c,d;
for(var propName in obj){
    console.log(propName);
}
/*结果为:
a
b
c
d
*/

break和continue

这两个关键字多用于循环语句中

  • break 用于强制退出循环,执行循环语句后面的语句
  • continue 用于退出本次循环,回到循环头部继续循环;

示例:

var num = 0;
for(var i = 0 ;i < 10;i++){
    if(i % 5 === 0){
        break;
    }
    num++;
}
console.log(num);//4;

上面这个示例i由0递增为10,但是我们在循环体里面里面添加了一个if语句来检测i的值是否能被5整除,如果可以就会退出循环。所以num最后的值为4;
如果这个例子中break换continue则是另一种结果;

var num = 0;
for(var i = 0 ;i < 10;i++){
    if(i % 5 === 0){
        continue;
    }
    num++;
}
console.log(num);//8

例子的结果为8;

break和continue语句也已和label语句结合使用

var num = 0;
outermost:
for(var i = 0;i<10;i++){
    for(var j = 0;j<10;j++){
        if(i == 5 && j == 5){
            break outermost;
        }
        num++;
    }
}
console.log(num)

如果每个循环都是正常执行10次,这num应该为100。但是当i和j同时等于5时num正好55,然后break outermost跳出循环。

相关文章

  • 2.原生js——流程控制语句

    流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、d...

  • [JS基础]笔记四

    js流程控制语句 流程控制 顺序结构、分支结构、循环结构 分支结构 if 分支结构 if else 双分支结构语句...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • web进阶之二十:JavaScript 语法之函数的流程控制

    流程控制   流程控制语句JS中的程序是从上到下一行一行执行的,通过流程控制语句可以控制程序执行流程,使程序可以根...

  • 12

    流程控制语句 /*流程控制语句- JS中的程序是从上到下一行一行执行的- ...

  • js之你不知道的流程控制

    js 流程控制(语句) 1. if 语句 大多数编程语言常用的语句: if (condition 1){ sta...

  • JS流程控制语句、条件判断语句

    流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以根据...

  • JS的一些 流程控制语句、多重条件判断语句、以及数组的操作方法

    流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以根据...

  • 2019-06-11第十二天

    1、流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以...

  • 2019-04-04第十三天

    1、流程控制语句 - JS中的程序是从上到下一行一行执行的 - 通过流程控制语句可以控制程序执行流程, 使程序可以...

网友评论

      本文标题:JS流程控制语句

      本文链接:https://www.haomeiwen.com/subject/nmzjyqtx.html