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;
}
