JavaScript基础（四）（分支结构）_使用多分支语句实现用户在弹出框中输入一个水果,如果有就弹出该水果的价格,不-CSDN博客

本文链接：https://blog.csdn.net/weixin_50828895/article/details/121984680

分支结构

一、 if语句

if语句也称为条件语句、单分支语句，当满足某种条件时，就进行某种处理

语法结构： if ( 条件表达式 ) { // 代码段 }

在这里插入图片描述

 <script>
        if(3<5){
        alert('你最漂亮');
    }
    </script>

弹出结果为：
在这里插入图片描述

二、 if…else语句

if…else语句也称为双分支语句，当满足某种条件时，就进行某种处理，否则进行另一种处理。

语法结构： if ( 条件表达式 ) { // 代码段1 } else { // 代码段2 }

<script>
       var age = prompt('请输入你的年龄');
       if(age >18){
            alert('你成年啦')
       }else{
           alert('你未成年奥')
       }
    </script>

当输入年龄大于18岁，弹出你成年啦
在这里插入图片描述

当输入年龄小于18岁，弹出你未成年奥
在这里插入图片描述

三、 if…else if语句

if…else if语句也称为多分支语句，可针对不同情况进行不同的处理。

语法结构：if ( 条件表达式1 ) { // 代码段1 } else if ( 条件表达式2 ) { // 代码段2 } …
else if ( 条件表达式n ) { // 代码段n } else { // 代码段n+1 }

在这里插入图片描述

<script>
      var score = prompt('请输入你的年龄：');
      if(score>=90){
       	  alert('不错');
      }else if(score >=80){
     	  alert('还可以的');
      }else if(score>=70){
  	      alert('继续加油奥');
      }else if(score >= 60){
          alert(有点危险奥);
      }else{
          alert('哭泣');
      }
   </script>

大家可以自己试试看结果奥！！

四、switch语句

switch语句也是多分支语句，功能与if…else if语句类似，不同的是它只能针对某个表达式的值作出判断，从而决定执行哪一段代码。

语法结构： switch ( 表达式 ) {
case 值1
代码段1;
break;
case 值2
代码段2;
break;
…
default:
代码段n; }

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
 <script>
  var fruit = prompt('请您输入查询的水果：');
        switch(fruit){
        case '苹果':
            alert('苹果的价格是 3.5/斤');
             break;
        case '榴莲':
            alert('榴莲的价格是 35/斤');
             break;
        case '香梨':
          alert('香梨的价格是 3/斤');
          break;
          default:
          alert('没有此水果')
 }
  </script>
</body>
</html>