JavaScript学习（三）条件语句与循环

1. if 分支语句

• if()语句

  if(条件){ 如果条件满足，那么就执行花括号里边的内容 满足条件执行语句；}

<script type="text/javascript">
    if (true) {

    }
</script>
<script type="text/javascript">
    if (true) {

    } else {
        
    }
</script>

	var x = 3;
	if(x==3){ 									//条件成立
		console.log('这里判断符合条件执行这里代码');	//执行这里代码
	}

• if else语句

  if(条件){ 如果条件满足，那么就执行花括号里边的内容，不满足的，就执行else后边的内容 满足条件执行语句；} else{ 满足条件执行语句；}

	var x = 3;
	if(x>3){ 									//条件成立
		console.log('这里判断大于3执行的代码');		//执行这里代码
	}else{										//否则
		console.log('这里判断符合不大于3执行的代码');//执行这里代码
	}
	//示例2 红绿灯
	// if else
    var deng = "green";
    if (deng == "green") { 					//如果 灯 == 绿
        console.log("可以过马路"); 			//条件成立执行代码
    } else if(deng == "yellow"){ 			//否则 灯 == 黄
        console.log("等一等");				//条件成立执行代码
    } else {								//否则
		console.log("不可以过马路"); 			//条件都不成立执行代码
	}

2. switch 语句

switch ( 传入变量 ){ case 值1: 执行值1代码; break; case 值2: 执行值2代码; break; default: 上面值1、值2 都不符合执行default代码; }

case 判断变量与值是否恒等
break 跳出这个条件语句继续执行语句之外的代码
continue 用于跳过循环中的一个迭代,执行下一次循环
default 如果上面的case 没有符合的条件执行现在的代码

<script type="text/javascript">
    switch(表达式){
        case 常量1 ： javascript代码; break; 
        case 常量2 ： javascript代码; break;
        ...
	       default : javascript 代码;
    }
</script>

	switch(date){
		 	case 1: // === 恒等 数据类型和值同时要相等
		 	console.log("星期一");
		 	break;
		 	case 2:
		 	console.log("星期二");
		 	break;
		 	case 3:
		 	console.log("星期三");
		 	break;
		 	case 4:
		 	console.log("星期四");
		 	break;
		 	case 5:
		 	console.log("星期五");
		 	break;
		 	case 6:
		 	console.log("星期六");
		 	break;
		 	case 0:
		 	console.log("星期日");
		 	break;
		 	default:
		 	console.log('有问题一周不可能有八天吧');
		 }	

3. for 循环语句

• for (语句 1; 语句 2; 语句 3){被执行的代码块 }

  语句 1 在循环（代码块）开始前执行
  语句 2 定义运行循环（代码块）的条件
  语句 3 在循环（代码块）已被执行之后执行

for ( 初始值; 条件 ; 数值变化 ){ 执行当前条件的代码 }

<!--for-->
<script type="text/javascript">
    for (初始化;条件判断;改变初始值) {
        
   }
</script>

	//常用定义方式,递增方式和递减方式都可以试试
	for(var a=1;a<=10;a++){
		console.log('a');
	}
	//上面的定义方式就像下面的方式,下面的方式也一样能执行。结果一致
	var a = 1;
    for (; a < 10;) {
        document.write("a");
        a++;
    }
	
	//if for 结合使用示例
	for (var a = 1; a <= 100; a++) {
        if (a % 5 == 0) {
            document.write(a + "<br>");
        } else {
            document.write(a);
        }
    }

4. while循环语句

while 循环会在指定条件为真时循环执行代码块
while (条件) { 需要执行的代码 }

<!--while-->
<script type="text/javascript">
    while(true){
        
    }
</script>

	var i = 1;
	while (i<5)
	{
	  x=x + "The number is " + i + "<br>";
	  i++;
	}

5. do while循环语句

do/while 先执行do里面的代码块然后再进行while判断
do { 需要执行的代码 } while (条件);

<script type="text/javascript">
   do{
	        
   }
   while(true);
</script>

	var i = 5;
	do
	{
	  x=x + "The number is " + i + "<br>";
	  i++;
	}
	while (i<5);

6. for in 循环语句

for...in 语句用于对数组或者对象的属性进行循环操作
for ( 变量 in 对象 ){ 在此执行代码 }

	//遍历数组
	var arr = new Array('北京','上海','南京');
	//i 是当前数据的key值 ：0,1,2  arr是需要遍历的数据
	for(var i in arr){
		//arr[0]
		//arr[1]
		//arr[2]
		document.write(arr[i]);// 输出 : 北京 上海 南京 
	}

7.逻辑中断(短路运算)

表达式1 || 表达式2 表达式1 成立返回表达式1 , 如果表达式1 不成立返回表达式2
表达式1 && 表达式2 表达式1 为假返回表达式1 , 如果表达式1 为真返回表达式2

//   || 
var num = 0 || 2;
//得到的num值为 2
console.log(num);

//上面的方式不常见,看下面的例子
if( 0 || 2 ){
	//代码可以运行到这里,因为执行到 2 返回true
}
if( 0 || 0 ){
	//这样短路运算返回的false , 里面就不会执行了
}

//   &&
var num = 0 && 2;
//得到的num值为 0
console.log(num);

//上面的方式不常见,看下面的例子
if( 0 && 2 ){//返回 0 不成立  
	//这样短路运算返回的false , 里面就不会执行了
}
if( 1 && 2 ){//返回 2 成立
	//代码可以运行到这里,因为执行到 2 返回true
}