JavaScript语法基础03

在JavaScript中，共有三种流程控制方式

• 顺序结构
• 选择结构
• 循环结构

一.顺序结构

在JavaScript中，顺序结构是最基本的结构。所谓的顺序结构就是按照代码从上到下、从左到右的“顺序”执行

var str1="JavaScript";
var str2="CSS";
var str3=str1+str2;
console.log(str1+str2);//"JavaScriptCSS"1.执行var str1="JavaScript";
2.执行var str2="CSS";
3.执行var str3=str1+str2;
4.执行console.log(str1+str2);

二.选择结构

在JavaScript中，选择结构指的是根据“条件判断”来决定使用哪一行代码。选择结构有单向选择、双向选择以及多项选择三种，但是无论选择哪一种，JavaScript都只会执行其中一条分支。

//单向选择if...
if()
{...
}
var score=100;
if(score>60){console.log('你很棒！！');
}
//打印你很棒！！
//由于变量score的值为100，所以score>60返回true，因此会执行大括号里面的程序

//双向选择：if...else...
if(条件){...
}else{...
}var score=100;
if(score<60){console.log("补考");
}else{console.log("通过");
}
//打印通过
//由于变量score的值为100，而score<60返回false,因此会执行else后面大括号{}中的程序

//三目运算符
var score=100;
var result=(score<60) ? "补考" : "通过";
console.log(result);
//打印补考

//多向选择：if...else if...else...
if(条件1){//条件1true执行此代码
}else if(条件2){//条件2true执行此代码
}else{//条件1和条件2都为false执行此代码
}var time=21;
if(time<12){console.log("早上好");
}else if(time>=12 &&  time<18){console.log("下午好");
}else{console.log("晚上好");
}
//打印晚上好

//if语句的嵌套
if(条件1){if(条件2){//当条件1和条件2都为true时执行此代码}
else{//当条件1为true条件2为false时执行此代码}
}
else{if(条件2){//当条件1为false条件2为true执行此代码}else{//当条件1和条件2都为false时执行此代码}
}

在JavaScript中，选择结构共有两种方式:if语句和switch语句。

//选择结构：switch
switch(判断值){case 取值1:语句块1;break;case 取值2:语句块2;break;...case 取值n:语句块n;break;default:语句块n+1;
}

在JavaScript中循环语句共有以下三种。

• while语句
• do...while语句
• for语句

while(条件){

       //当条件为true时，循环执行

}

//计算1+2+...+100的值
var n=1;
var sum=0;
while(n<=100){sum+=n;n++;
}
console.log(sum);

do...while...

do{

...

}while(条件);

var n=1;
var sum=0;
do{sum+=n;n++;
}while(n<=100);
console.log(sum);

for(初始化表达式;条件表达式;循环后操作){

...

}

//打印1-5
for(var i=1;i<=5;i++){console.log(i);
}