JavaScript语句-流程控制语句

时间:2022-04-29
本文章向大家介绍JavaScript语句-流程控制语句,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

JavaScript定义了一组语句,语句通常用于执行一定的任务。语句可以很简单,也可以很复杂。

选择结构,可以在程序中创建交叉结构来指定程序流的可能方向。JavaScript中有四种选择结构:

1.单选结构(if)

var x=5;
if(x>0){
console.log(x);//输出5
}

单选结构由单独的if语句组成,只能控制程序的一个流向。

2.双选结构(if/else)

var x=5;
if(x===undefined){
    x=3;
}
else{
    console.log(x);//输出5
}

if/else语句是双选结构,满足if条件的走if内部,如果不满足则走else

3.三元结构(a>b?a:b)

三元结构其实就是三元运算符。var result=5>3?5:3;此时result=5;

4.多选结构(switch)

switch语句与if语句相似,也是常用的流程控制语句。

switch(exper){
case value:state;
break;
case value:state;
break;
default:state;
break;
}
var x=99;
switch(true){
case x<60:
console.log("差");
break;
case x>=60&&x<80:
console.log("中");
break;
case x>=80&&x<90:
console.log("良");
break;
case x>=90&&x<=100:
console.log("优");
break;
default:
console.log("成绩不符合规范");
break;
}

上面的switch语句模拟了成绩的分级,x=99,输出优。x=50,则输出不及格。x=101,则输出“成绩不合格”

循环语句,使用该语句来进行对满足条件的表达式进行循环操作。循环语句包括do-while,while,for,for-in.

do-while语句,在循环表达式的最后测试表达式的条件,也就是说do-while语句至少会执行一次。

var i=0;
do{
console.log(i);
}while(i>1);

上述语句会输出0,但是i并不大于1,所以do-while语句至少会执行一次循环体。

while语句,与do-while语句类似,但是while语句是先判断条件,再执行循环体。如果条件不满足,则循环体一次都不会执行。

var x=10;
while(x<12){
    console.log(x++);//输出10,11
}

上述语句输出10,11.上述循环语句执行了两次,x++是先使用值,再进行加1的操作。

for语句是一种前测试循环语句,与while语句类似,也是先进行条件判断,再执行循环体。

for(var i=10;i<12;i++){
console.log(i);//输出10,11
}

上述语句输出10,11.与while循环语句效果相同。

for语句指定一个计数器变量、一个测试条件以及一个更新计数器的操作。  在每次循环迭代之前,先测试条件。  如果测试成功,则执行循环内的代码。  如果测试失败,则不执行循环内的代码,程序继续执行紧靠循环后面的第一行代码。  在循环执行后和下一次迭代开始之前,先更新计数器变量。  

如果循环条件始终不满足,则不执行该循环。  如果始终满足测试条件,则产生无限循环。  在某些情况下,可能希望出现前一种情况,但几乎从不希望出现后一种情况,因此编写循环条件时一定要谨慎。

  for-in语句是一种精准的迭代语句,可以用来迭代对象的属性。

var obj = new Object();
obj.name="druant";
obj.age="29";
obj.sex="man";
for(prop in obj){
    console.log(prop+":"+obj[prop]);
}

上述语句输出,name:druant age:29 sex:man.在使用for-in循环前,最好先判断对象的值是否为null或者undefined

break与continue,break操作符用于调出循环,执行循环外下面一行的语句。continue语句用于跳出当前迭代,进行下一次的循环。

var array=[10,11,12,13];
for(var i=0,len=array.length;i<len;i++){
if(array[i]===12){
break;
}
console.log(array[i]);
}

上述for循环语句输出10,11.当循环到12的时候,跳出循环体。

var array=[10,11,12,13];
for(var i=0,len=array.length;i<len;i++){
if(array[i]===12){
continue
}
console.log(array[i]);
}

上述for循环输出,10,11,13.当循环到12的时候,跳过本次循环,继续执行下一次循环。