javascript系列之if else语句

一.欢迎来到我的酒馆

当我们写一个程序的时候，你可能会遇到一种在给定一组条件中选择一个条件。在那种情况下，你需要使用条件语句，使得你的程序作出正确的选择和执行正确的操作。

二.if语句

2.1 if 语句执行的流程图：

在javascript中支持3种if-else语句：

if 语句
if … else 语句
if … else if …语句

2.2 if语句格式
if语句是基本的控制语句，它会让javascript按条件的做出选择和执行语句。
if语句语法：

if(表达式){
	如果表达式为真，这里的代码会被执行。
}

这里会计算表达式的值，如果表达式的值为true，则会执行if代码块里面的代码；如果表达式的值为false，则不执行任何语句。大多数时候，你将会使用比较运算符来判断表达式的值。
在代码中使用if语句：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script language="JavaScript" type="text/javascript">
        let age = 25;

        if(age > 20)
        {
            document.write("你可以结婚了！");
        }

    </script>

</body>
</html>

保存上面的代码为HTML文件，使用浏览器打开：
在这里插入图片描述

三. if … else 语句

3.1 if … else 语句执行的流程图：

3.2 if … else语法
if … else 是另外一种类型的控制语句，它允许javascript执行更多控制流程的语句。
if … else 语法：

if(表达式){
	如果表达式的值为true，则执行这里的代码
}else{
	如果表达式的值为false，则执行这里的代码
}

这里javascript会计算表达式的值，如果表达式的值为true，则会执行if语句里面的代码；如果表达式的值为false，则会执行else语句里面的代码。
在代码中使用if-else语句：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script language="javascript" type="text/javascript">
        let age = 16;

        if(age > 20){
            document.write("你可以结婚了！");
        }else{
            document.write("还没到结婚的年龄呢！");
        }
    </script>

</body>
</html>

保存上面的代码为HTML文件，使用浏览器打开：
在这里插入图片描述

四. if … else if … 语句

4.1 if … else if … 语句执行的流程图：

if … else if … 是比if … else更高级别的条件语句，它允许javascript在很多种条件下做出判断。
if … else if … 语法：

if(表达式1){
	语句1 ....
	//如果表达式1的值为true，执行语句1代码。
}else if(表达式2){
	语句2 ...
	//如果表达式2的值为true，执行语句2代码。
}else if(表达式3){
	语句3 ...
	//如果表达式3的值为true，执行语句3代码。
}else{
	语句4 ...
	//如果上面的表达式都为fasle，执行语句4代码
}

在代码中使用if…else if … 语句：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script language="javascript" type="text/javascript">
        let name = "Michael";

        if(name == "Maria" ){
            document.write("Your name is Maria!");
        }else if(name == "Jane"){
            document.write("Your name is Jane!");
        }else if(name == "Ada"){
            document.write("Your name is Ada!");
        }else{
            document.write("no name!");
        }
    </script>
</body>
</html>

保存上面的代码为HTML文件，并用浏览器打开：
在这里插入图片描述