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:Surpasskey is: age value is:28key is: location value is:Shanghaikey is: from value is:Wuhanitem is: Surpassitem is: 28item is: Shanghaiitem 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: Surpassitem is: 28item is: Shanghaiitem 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: 0current value is: 2current 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 WuhanSurpass 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= 30i= 40i= 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 && number <20: console.log("10<=number=20 && number <30: console.log("20<=number=30"); break;}
原文地址:https://www.jianshu.com/p/8223c6aa5b96
本文同步在微信订阅号上发布,如各位小伙伴们喜欢我的文章,也可以关注我的微信订阅号:woaitest,或扫描下面的二维码添加关注:
作者: Surpassme
来源: http://www.jianshu.com/u/28161b7c9995/
http://www.cnblogs.com/surpassme/
声明:本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出 原文链接 ,否则保留追究法律责任的权利。如有问题,可发送邮件 联系。让我们尊重原创者版权,共同营造良好的IT朋友圈。