JavaScript学习笔记——流程控制

时间:2021-07-31 10:16:26

javascript流程控制
流程:就是程序代码的执行顺序。
流程控制:通过规定的语句让程序代码有条件的按照一定的方式执行。

一、顺序结构
按照书写顺序来执行,是程序中最基本的流程结构。

二、选择结构(分支结构、条件结构)
根据给定的条件有选择的执行形相应的语句。
(1) if else if else

1.单路分支
//条件可以是表达式也可以是任何的数据类型
//大括号会把他里面的代码当作一个整体来运行,如果只有一条语句,可以省略大括号
if(条件){
条件成立执行的语句
}

2.双路分支

if(条件){
条件成立的时候执行的代码
}else{
条件不成立的时候执行的代码
}

3.多路分支
if(条件1){
条件1成立执行的代码
}else if(条件2){
条件2成立执行的代码
}else if(条件3){
条件3成立执行的代码
}......else{
如果上述条件都不成立执行的代码
}

4.嵌套分支
if(条件1){
if(){
}else if(){

}....

}else if(条件2){
条件2成立执行的代码
}else if(条件3){
条件3成立执行的代码
}......else{
如果上述条件都不成立执行的代码
}
(2)
switch(变量任何的数据类型){
case 值1:
表达式1;
break;
case 值2:
表达式3;
break;
.........
defalut:
表达式
}
多个选择进行相应的匹配

*************************************************
1.当判断某种范围的时候最好用if语句,当判断单个值时候用switch
2.条件满足的情况不可以重复,会发生不可预期的错误。
*************************************************

三、循环结构

javascript 循环结构中包含以下三种循环

for()循环

while()循环

do...while()循环。

for()循环: 重复执行,符合条件的代码段。

在for循环中须注意的一点:初始值与循环条件之间须用“;”分号分隔开来。

语法结构:

for(初始值;循环条件;值的递增与递减){

  循环体代码;

}

示例:

<script type="text/javascript">

var arr=new Array(1,2,3,4,5,6);

alert(arr.length);

for(i=0;i<arr.length;i++){

document.write(arr[i]);

}

</script>

while循环,当满足循环条件时,执行循环。

示例:

<script>

var num=1; //初始化变量的值;

while(num<=6){//循环条件

document.write(num+"<br/>");

num++; //值递增1;

}

</script>

do...while()循环;

语法结构:

do{

  代码块;

}while(循环条件)

do...while循环,先执行一次,再判断条件是否符合;如符合,继续执行循环体中的代码块。

示例:

<script>

var num=0;

do{

document.write(num);

num++;

}while(num<10)

</script>

javascript流程控制-跳转语句、with语句
四、跳转语句
在循环控制语句中,当 满足指定条件 的时候,退出循环 或者是退出 当前 循环的语句。

1.break;
格式:break;
跳出并且终止循环,如果后面有代码,则继续往下执行。
2.continue;
格式:continue;
跳出并且终止当前的循环,如果下个值仍满足循环条件,则继续循环。

***********************************************************
break:
A.switch,指的是当满足某个条件后,退出switch语句
B.用在循环语句当中,跳出并且终止循环,如果后面有代码,则继续往下执行。
continue:
A.只能用在循环语句当中, 跳出并且终止当前的循环,如果下个值仍满足循环条件,则继续 循 环。
B.最好用适当的语句代替continue

***********************************************************

五、标签语句:

用来退出多层循环

格式:

   out:
for (var i=0; i<; i++) {
document.write("第一层循环:"+i);
document.write("<br/>&nbsp;&nbsp;");
for (var j=0; j<; j++) {
if(j==3){
continue out;
}
document.write("第二层循环:"+j);
}
document.write("<br/>");
}
alert("我退出去了");

标签名:语句;

注意:标签名只可以作用于break 或continue,可以用于跳出两层循环

六、
with(){

}

    //with语句      用于设置代码在  特定对象中 的  作用域。
// with(document){
// write(1);
// write(2);
// write(3);
// write(4);
// write(5);
// write("后盾网");
// }

就是把document.write(1);

   document.write(2);....前面的document省略 
用于设置代码在对象中的作用域。
*************************************************
不建议使用。
*************************************************

 动态地改变document的title

  //document.title="后盾网";
// var a="后盾网";
// var title="后盾网视频教程";
// with(document){
// title=a;
// }