摘要

    if 语句常用语法如下所示：或    示例代码如下所示：    do-while语句是一种先运行后测试的循环语句，即循环体里的代码先执行，再对退出条件进行求值判断，循环体内的代码至少要运行一次。其语法格式如下所示：

5 基本语句

5.1 if 语句

    if 语句常用语法如下所示：

if (condition) {   statement1; } else {   statement2; } 

或

if (condition) {   statement1; } else if {   statement2; } else if {   statement3; } else {   statement4; } 

    示例代码如下所示：

let a=Math.round(Math.random()*100,0); console.log("a value is:",a); if (a<50){     console.log("a小于50"); } else if (a<70){     console.log("a小于70"); } else{     console.log("没有满足条件"); } 

5.2 while语句

5.2.1 do-while语句

    do-while语句是一种先运行后测试的循环语句，即循环体里的代码先执行，再对退出条件进行求值判断，循环体内的代码至少要运行一次。其语法格式如下所示：

do{   statement; } while (expression); 

    示例代码如下所示：

let sum=0,i=1; do{     sum+=i;     i++; } while(i<=100); console.log("sum value is:",sum); 

5.2.2 while语句

    while语句是一种先测试再运行的循环语句，即先对退出条件进行求值，再执行循环体里面的代码，因此，在while循环内的代码可能不会执行。其语法格式如下所示：

let sum=0,i=1; while(i<=100){     sum+=i;     i++; } console.log("sum value is:",sum); 

5.3 for语句

5.3.1 for语句

    for语句也是先测试语句，再执行循环体内的代码，但在进入循环之前加入了初始化代码及循环执行后要执行的表达式，其语法格式如下所示：

for (initialization; expression; post-loop-expression) {   statement } 

在使用for循环，避免死循环

    示例代码如下所示：

let sum=0; for(let i=0;i<=100;i++){     sum+=i; } console.log("sum value is:",sum); 

5.3.2 for-in语句

    for-in语句是一种严格的迭代语句，用于枚举对象中的非符号键属性，其语法如下：

for (property in expression) {   statement } 

果for-in循环要迭代的变量是null 或undefined，则不执行循环体

    示例代码如下所示：

let personInfo={     "name":"Surpass",     "age":28,     "location":"Shanghai",     "from":"Wuhan" }; for (let item in personInfo){     console.log("key is: "+item+" value is:"+personInfo[item]); }  let personInfoArray=["Surpass",28,"Shanghai","Wuhan"]; for(let item in personInfoArray){     console.log("item is:",personInfoArray[item]); } 

输出结果如下所示：

key is: name value is:Surpass key is: age value is:28 key is: location value is:Shanghai key is: from value is:Wuhan item is: Surpass item is: 28 item is: Shanghai item is: Wuhan 

5.3.3 for-of 语句

    for-of 语句是一种严格的迭代语句，用于遍历可迭代对象的元素，其语法如下：

for (property of expression) {   statement } 

    示例代码如下所示：

let personInfoArray=["Surpass",28,"Shanghai","Wuhan"]; for(let item of personInfoArray){     console.log("item is:",item); } 

输出结果如下所示：

item is: Surpass item is: 28 item is: Shanghai item is: Wuhan 

5.4 中断语句

    在JavaScript中常用的中断语句有两个break和continue，其主要区别如下所示：

• break:中断整个循环，即立即退出循环
• continue:中断本次循环，即此次循环中断，后续若还有循环，则继续下一次循环。

5.4.1 break 语句

    break语句用于中断整个循环，即立即退出循环，示例代码如下所示：

for(let i=0;i<=5;i++){     if (i %2 == 1){         break;     }     console.log("current value is:",i); } 

输出结果如下所示：

current value is: 0 

5.4.2 continue 语句

    continue语句用于中断本次循环，即此次循环中断，后续若还有循环，则继续下一次循环。示例代码如下所示：

for(let i=0;i<=5;i++){     if (i %2 == 1){         continue;     }     console.log("current value is:",i); } 

输出结果如下所示：

current value is: 0 current value is: 2 current value is: 4 

5.5 with 语句

    with 语句的主要场景是针对一个对象反复操作，这时候将代码作用域设置为该对象能提供便利。其基本语法如下所示：

with (expression) {  statement; } 

    示例代码如下所示：

// 未使用with语句 let personInfo={         "name":"Surpass",         "age":28,         "location":"Shanghai",         "from":"Wuhan"     };  let getName=personInfo.name,getAge=personInfo.age,getLocation=personInfo.location,getFrom=personInfo.from; console.log(getName,getAge,getLocation,getFrom);  // 使用with语句 with(personInfo){     let getName=name,getAge=age,getLocation=location,getFrom=from;     console.log(getName,getAge,getLocation,getFrom); } 

输出结果如下所示：

Surpass 28 Shanghai Wuhan Surpass 28 Shanghai Wuhan 

由于with 语句影响性能且难于调试其中的代码，通常不推荐在产品代码中使用with语句

5.6 swithch语句

    switch 语句是与if 语句紧密相关的一种流控制语句，其语法格式如下所示：

switch (expression) {     case value1:     	statement     	break;     case value2:     	statement     	break;     case value3:         statement         break;     case value4:         statement         break;     default:     	statement } 

break关键字会导致代码执行跳出switch语句。如果没有break，则代码会继续匹配下一个条件。default关键字用于在任何条件都没有满足时指定默认执行的语句。

let i=30; switch (i) {     case 10:         console.log("i=",10);         break;     case 20:         console.log("i=",20);         break;     case 30:         console.log("i=",30);         // break;     case 40:         console.log("i=",40);         // break;     default:         console.log("i=",NaN)         break; } 

输出结果如下所示：

i= 30 i= 40 i= NaN 

    switch语句可以用于所有数据类型，因此可以使用字符串甚至对象，其次，条件的值不需要是常量，可以是变量或表达式，示例如下所示：

switch ("Hi Surpass") {     case "Hi"+" Surpass":         console.log("Hi Surpass");         break;     case "Hi"+ " Kevin":         console.log("Hi Kevin");         break;     default:         console.log("Not Found");         break; } 

或

let flag=true; let number=18; switch (flag) {     case number<10:         console.log("number < 10");         break;     case number >=10 && number <20:         console.log("10<=number<20");         break;     case number >=20 && number <30:         console.log("20<=number<30");         break;     default:         console.log("number >=30");         break; } 

原文地址：https://www.jianshu.com/p/8223c6aa5b96

本文同步在微信订阅号上发布，如各位小伙伴们喜欢我的文章，也可以关注我的微信订阅号：woaitest，或扫描下面的二维码添加关注：