JavaScript(二)逻辑分支 循环结构

逻辑分支相关知识

单分支

语法:

     if(条件表达式){ 
          当条件表达式的结果为true的时候要执行的代码
      }

双分支

语法:

     if(条件表达式){ 
          当条件表达式的结果为true的时候要执行的代码
      }else{
          当条件表达式的结果为false的时候要执行的代码
      }

多分支

语法:

	 if(条件表达式1){ 
	      当条件表达式1的结果为true的时候,要执行的代码
	 }else if(条件表达式2){ 
	      当条件表达式2的结果为true的时候,要执行的代码 
	 }else if(条件表达式3){ 
	      当条件表达式3的结果为true的时候,要执行的代码 
	 }
	 。。。 
	 }else{
	 
	 }
	 #多分支可以有若干个else if,else根据需要可以有也可以没有

分支结构的简写方式

如果单分支或双分支以及多分支的大括号中只有一行代码的时候,大括号可以省略。

分支结构的嵌套

例:

var a,b,c; 
if(a>b){
    if(a>c){
       alert("变量a最大");
    }else{
        alert("变量c最大");
    } 
}else{
    if(b>c){ 
       alert("变量b最大");
    }else{
        alert("变量c最大"); 
    } 
}

switch多路判断

语法:

switch(变量){ 
    case 值1: 
        执行的代码块 
    break; 
    case 值2: 
        执行的代码块 
    break; 
    。。。 
    default: 
        执行代码块 
}

使用说明:

  • break表示当前分支执行后就结束switch的运行,后续代码不再运行
  • default可以理解为判断语句中的else
  • case理解为if来判断这个变量是否全等于某个值

使用场景:

  • 如果判断的条件比较复杂,使用if
  • 条件是确定的值,分两种情况:
    • 如果判断的分支小于等于3个,就使用if,这时候的效率和switch一样
    • 如果大于3个,就使用switch。
  • switch判断使用的是全等于(===)

switch穿透写法

如果case后面不写break,那当前case执行后,会继续执行后面的case中的代码

三元运算

if双分支有一种简写方式:

 条件?条件成立时运行的代码段:条件不成立时运行的代码段;

我是分割线

循环结构相关知识

while循环结构

语法:

      while(条件语句){ 
          条件成立执行的代码 
      }
  • while循环需要我们在循环外就将变量声名好,在执行代码的过程中,一定要让变量进行变化,否则这个循环就会无休止的进行下去。

  • 不会停止的循环叫做死循环,程序一直不会停止,cpu占用率越来越高,很容易造成系统崩溃。所以我们在写代码的时候一定避免写成死循环。

do while循环结构

语法:

	do{
	   执行的代码 
	}while(条件语句)

do while 循环是while循环的变异体。循环流程相似,唯一不同的地方在于do while循环会先执行一次,不管条件是否成立,先执行一次,后面的流程和while循环一样。

for循环结构

语法:

 for(声明变量并赋初始值;条件表达式;每重复一次后变量的变化规律){ 
     重复执行的代码块 
 }
 # 在语法中的声明变量并赋初始值,就是从哪里开始重复;条件表达式
 可以限定重复在什么时候停止(当条件不成立的时候);通过每次重复
 变量的变化和条件表达式可以知道要重复多少次

for循环中的初始值和变化可以不放在小括号中:

var i = 1; 
for(;i<=5;){ 
    document.write(i);
    i++;
}

循环中的跳转关键字

在循环有两个关键字可以改变循环执行的流程。

  • continue关键字,可以跳过当前这次的循环,直接进行下一次的循环。
  • break关键字,可终止循环,直接让整个循环结束运行。

循环的嵌套

例:

   for(var i=1; i<=10; i++){
        for(var k=1; k<=10; k++){
            document.write("第"+i+"天,第"+k+"次说:我❤你<br>");
        }
    }

版权声明:本文为sjdzrfts原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。