当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript学习-if条件语句、switch语句、循环

JavaScript学习-if条件语句、switch语句、循环

2020年07月17日  | 移动技术网IT编程  | 我要评论

代码块

用{}包围起来的代码，就是代码块。
JS中的代码块，只具有分组的作用，没有其他的用途。
代码块中的内容，在外部是完全可见的。举例：

{
var a=123
console.log(a)
}
console.log(a)

运行结果：
在这里插入图片描述

if语句

和之前的学习的其他语言相似。
1、条件分支语句

var age = 16
		   if(age<6){
			alert("正在读幼儿园")
			}else if(age<12){
			alert("正在读小学")
			}else if(age<15){
			alert("正在读初中")
			}else if(age<18){
			alert("正在读高中")
			}else{
			alert("正在读大学")
	}

运行结果弹出读高中弹框。

switch语句（条件分支语句）

<script type="text/javascript">
			var time = new Date()
			var xingqi = time.getDay()
			console.log(time)
			console.log(xingqi)
			switch(xingqi){
				case 1:
					document.write("今日：星期一")
					break;
				case 2:
					document.write("今日：星期二")
					break;
				case 3:
					document.write("今日：星期三")
					break;
				case 4:
					document.write("今日：星期四")
					break;
				case 5:
					document.write("今日：星期五")
					break;
				case 6:
					document.write("今日：星期六")
					break;
				case 7:
					document.write("今日：星期天")
					break;
				default:
					document.write("今日：世界末日")
			}
		</script>

运行结果:
在这里插入图片描述

循环

for循环举例：

    for (var i = 1; i <= 100; i++) {
        console.log(i);
    }

while循环语句：

while(条件表达式){
    语句...
}

do…while循环

do{
        语句...
    }while(条件表达式)

while循环和 do…while循环的区别
这两个语句的功能类似，不同的是：

while是先判断后执行，而do…while是先执行后判断。
也就是说，do…while可以保证循环体至少执行一次，而while不能。

break和continue的使用
break：
1.break可以用来退出switch语句或整个循环语句（循环语句包括for、while。if里不能用 break 和 continue，否则会报错）。
2.break会立即终止离它最近的那个循环语句。
3.可以为循环语句创建一个label，来标识当前的循环（格式：label:循环语句）。使用break语句时，可以在break后跟着一个label，这样break将会结束指定的循环，而不是最近的。
continue：
1.continue可以用来跳过当次循环。
2.continue默认只会离他最近的循环起作用。

第三点是我觉得和我以前学的语言语法不一样的地方。所以下面举例label的使用：

   outer:
   for (var i = 0; i < 5; i++) {
       console.log("外层循环 i 的值：" + i)
       for (var j = 0; j < 5; j++) {
           break outer; // 直接跳出outer所在的外层循环（这个outer是我自定义的label）
           console.log("内层循环 j 的值:" + j);
       }
   }

打印结果为：

​外层循环 i 的值：0

总结来看语法规则和之前学过的语言语法差不多。

本文地址：https://blog.csdn.net/qq_43368682/article/details/107374318

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网