JavaScript逻辑结构

最新推荐文章于 2023-02-05 10:15:22 发布

原创最新推荐文章于 2023-02-05 10:15:22 发布 · 423 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

43 篇文章

订阅专栏

本文深入解析JavaScript中的if和switch条件语句，包括if的基本用法、多条件判断及switch语句的详细解释，通过实例展示如何在网页中运用这些语句进行逻辑控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、if语句

1.if（条件）{

只有当条件为 true 时执行的代码

}

2.If(条件){

　　当条件为 true 时执行的代码

}else{

当条件不为 true 时执行的代码

}

3.If(条件1){

　　当条件 1 为 true 时执行的代码

}else if（条件2）{

　　当条件 2 为 true 时执行的代码

}

else{

当条件 1 和条件 2 都不为 true 时执行的代码

}

案例：

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var a=20;
    var b="20";
    var c=20;
    //if(条件){   }
    if(a==b){
        console.log("两者值相等");
    }
    //if(条件){  }else{  }
    if(a===b){
        console.log("报错");
    }
    else{
        console.log("两者值相等，类型不同")
    }
    //if(条件){  }else if(条件){  }else{ }
    if(a===b){
        console.log("报错");
    }
    else if(b=c){
        console.log("两者值相等");
    }
    else{
        console.log("两者值相等，类型不同")
    }
</script>
</body>
</html>

运行结果：

二、 switch语句\break语句

switch(n) {

case 1: //代码块1 break;

case 2: //代码块 2 break;

……

default: //n 与 case 1 和 case 2 不同时执行的代码

}

设置表达式 n（通常为一个变量）。表达式的值会与结构中的每个 case 的值比较，若匹配，则与该 case 关联的代码块会被执行，每个case代码块后需使用break跳出，否则代码会一直向后执行直到结束。使用 default 关键词来规定匹配不存在时执行的代码。

案例：

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var price=25;
    var num=2;
    var way1="支付宝";
    var way2="微信";
    var zhekou=1;
    switch (way2){
        case "支付宝":zhekou=0.9;break;
        case "微信":zhekou=0.8;break;
        default :zhekou=1;break;
    }
    var money=price*num*zhekou;
    console.log(money);
</script>
</body>
</html>

运行结果：