JavaScript if...Else 语句、switch 语句、For 循环、while 循环、 Break 和 Continue 语句

1、JavaScript if…Else 语句

1.1、if 语句

只有当指定条件为 true 时,该语句才会执行代码。
语法
if (condition)
{
当条件为 true 时执行的代码
}

在这里插入图片描述

1.2、if…else 语句

请使用 if…else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。
语法
if (condition)
{
当条件为 true 时执行的代码
}
else
{
当条件不为 true 时执行的代码
}
在这里插入图片描述

1.3、if…else if…else 语句

使用 if…else if…else 语句来选择多个代码块之一来执行。
语法
if (condition1)
{
当条件 1 为 true 时执行的代码
}
else if (condition2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和 条件 2 都不为 true 时执行的代码
}
在这里插入图片描述

2、JavaScript switch 语句

switch 语句用于基于不同的条件来执行不同的动作。

2.1、实例

<body>

<p>点击下面的按钮来显示今天是周几:</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var d=new Date().getDay();
	switch (d){
  		case 0:x="今天是星期日";
    	break;
 		case 1:x="今天是星期一";
        break;
  		case 2:x="今天是星期二";
        break;
        case 3:x="今天是星期三";
   	 	break;
  		case 4:x="今天是星期四";
    	break;
  		case 5:x="今天是星期五";
        break;
  		case 6:x="今天是星期六";
    	break;
 	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>

2.2、default 关键词

请使用 default 关键词来规定匹配不存在时做的事情:
实例

如果今天不是星期六或星期日,则会输出默认的消息:

var d=new Date().getDay();
switch (d)
{
    case 6:x="今天是星期六";
    break;
    case 0:x="今天是星期日";
    break;
    default:
    x="期待周末";
}
document.getElementById("demo").innerHTML=x;

3、JavaScript for 循环

3.1、JavaScript 循环

在这里插入图片描述##

3.2、For 循环

在这里插入图片描述

3.3、语句 3

在这里插入图片描述

3.4、For/In 循环

在这里插入图片描述

4、JavaScript while 循环

只要指定条件为 true,循环就可以一直执行代码块。

4.1、while 循环

while 循环会在指定条件为真时循环执行代码块。
在这里插入图片描述

4.2、do/while 循环

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环。
在这里插入图片描述

5、JavaScript Break 和 Continue 语句

5.1、Break 语句

我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。

break 语句可用于跳出循环。

break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):
在这里插入图片描述

5.2、Continue 语句

continue 语句中断循环中的迭代,如果出现了指定的条件,然后继续循环中的下一个迭代。 该例子跳过了值 3:
在这里插入图片描述

5.3、JavaScript 标签

如需标记 JavaScript 语句,请在语句之前加上冒号:
label:
statements
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43731793/article/details/92384089