编程语言
首页 > 编程语言> > 带你走进从零认识JavaScript到精髓(五)JavaScript 分支语句

带你走进从零认识JavaScript到精髓(五)JavaScript 分支语句

作者:互联网

带你走进从零认识JavaScript到精髓(五)JavaScript 分支语句

一、什么是JavaScript的语句

表达式在javascript中是短语,换行的短语或分号结束的短语就是一行语句。JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。语句通常使用一个或者多个关键字来完成指定的任务,浏览器会按照编写顺序来执行每条语句。语句大小写敏感。

javascript语句:JavaScript语句向浏览器发送的命令。语句的作用是告诉浏览器该做什么。

分号

1.1语句的声明

// 1、每行一条语句
var a = 1;
var b = 2;
var sum = a + b;
var c = 1 + 2;
console.log(a,b,sum);

// 2、一行多条语句
var a,b;a = 1;b = 2;var sum = a + b;
console.log(a,b,sum);

1.2JavaScript代码块

JavaScript可以分配地组织起来,代码块以左花括号开始,以右花括号结束。

作用:代码块可以将多行语句排成序列依次执行

二、条件判断语句

条件语句用于基于不同的条件来执行不同的动作。通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中,我们可使用以下条件语句:

条件语句:通过判断指定表达式的值来决定执行还是跳过某些语句

语法:

// 1、先判断条件是否满足情况
if (条件) {
    当上面括号里的条件为 true 时执行的代码
}

// 2、if代码块后面,还可以跟一个else代码块,表示条件不满足时,所要执行的代码
if (条件) {
    当上面括号里的条件为 true 时执行的代码
} else {
    当上面括号里的条件不为 true 时执行的代码
}

// 3、多分支语句
if (条件1) {
    当条件 1 为 true 时执行的代码
} else if (条件2) {
    当条件 2 为 true 时执行的代码
} else {
  	当条件 1 和 条件 2 都不为 true 时执行的代码
}

示例:

/*
	if-alse选择结构:条件是一个范围判断
	      条件运算的结果:true/ false
	      
   if(条件){ // 条件结果只能是true/false
     ....
   } else {
   	 ....
   }
*/

/*
生活中,经常出现带有条件的现实场景
    考试成绩
    成绩>=60 及格
*/

// 要求用户从键盘录入一个成绩
var score = prompt("请录入成绩");
// 范围判断
if(score >= 60) {
  alert("成绩及格");
}

// 怎么输出成绩不合格呢?表示条件不满足时,所要执行的代码
if (score >= 60){
    alert("成绩及格");
} else {
    alert("成绩不及格");
}

// 用一个gender接受输入的性别
var gender = prompt('您的性别是:');
// if 判断性别
if (gender == '男') {
  alert('上男厕所吧!')
} else if (gender == '女') {
  alert('上女厕所吧!')
} else {
  alert('不知道了')
}

/*
用户录入成绩单,成绩在86~100评价优秀;71~85良好;60~70及格;0~59不及格!
*/

// 键盘录入成绩
        var score = prompt("请录入成绩");

        // if-else判断
        // if(0 <= score < 60) {// 错误的!!!!!!!
        if(score >= 0 && score < 60){// 如果 if(条件)
            alert("不及格");
        } else if(score >= 60 && score <= 70) { // 再如果  else if(条件)
            alert("及格");
        } else if(score >= 71 && score <= 85) {//
            alert("良好");
        } else if(score >= 86 && score <= 100) {
            alert("优秀");
        } else {// 否则  没有条件
            alert("这里已经不是你的舞台了......");
        }
        /*
            逻辑运算符
                并且:&&
                    条件1 并且 条件2 并且 条件3....
                    当所有条件为true ,结果就是true
                    当任意一个条件为false,结果为false
         */

三、Switch语句

switch 语句用于基于不同的条件来执行不同的动作。它工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case。 case穿透 由于switch case语句在比较的时候用的是全等

语法:

/*  switch-case 选择结构
			条件是一个具体的数据,使用具体的数据和case中的数据进行全等比较
			switch(数值){ 
				case 数值1:  // 其实进行了 数值 === 数值1 的判断
						....
						break;
         ....
			}
			
			像选择题
*/
switch(n) {
  case 1:
    执行代码块 1
    break;
  case 2:
    执行代码块 2
    break;
  default:
    break;
  //n 与 case 1 和 case 2 不同时执行的代码
};
/*
            switch-case选择结构
                条件是一个具体的数据,使用具体的数据和case中的数据进行全等比较
            switch(数值) {
                case 数值1:// 其实是进行了 数值 === 数值1 的判断
                    .....
                    break;
                .....
            }
        */
        /* 1. 练习switch-case的第一个案例*/
        /*
        var choice = prompt("请输入你的选项:");

        switch(choice) {
            case "A":// choice === "A"
                alert("答案错误");
                break;
            case "B":
                alert("答案正确");
                break;
            case "C":
                alert("答案错误");
                break;
            case "D":
                alert("答案错误");
                break;
            default:
                alert("你脑子有炮啊……");
        }
        */
        /*2. 练习switch-case的第二个案例*/

        var choice = prompt("请输入你的选项:");
        switch(choice) {
            case "A":// 没有在case中添加break;。会造成case穿透
                var x = "*******";
            case "C":
                var c = "********";
            case "D":
                alert("答案错误");
                break;
            case "B":
                alert("答案正确");
                break;
            default:
                alert("没有这个选项");
        }

        /*3.输入0-6整数,判断星期*/
        /*
        // 用户输入整数
        var num = prompt("请输入整数:");// "3"
        // 判断
        switch(num) {// switch()括号中间是一个具体的数值  没有隐式类型转换
            case "0":// case后面是要跟num比较的数值
                alert("星期天");
                break;// 执行完这个case之后,结束选择语句
            case "1":
                alert("星期一");
                break;
            case "2":
                alert("星期二");
                break;
            case "3":
                alert("星期三");
                break;
            case "4":
                alert("星期四");
                break;
            case "5":
                alert("星期五");
                break;
            case "6":
                alert("星期六");
                break;
            default:// 否则
                alert("没有这一天");
        }
        */

default 关键词

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

示例:

	var num = Number(prompt("请输入一个数:"));
    switch(num) {
        case 1:
            alert("你好数字1");
            break;
        case 2:
            alert("你好数字2");
            break;
        default:
            alert("你好其它数字");
            break;
    }

写在后面:

世界上最遥远的距离,就是你在if里我在else里,似乎一直相伴却永远分离;

世界上最痴心的等待,就是你是switch我是case,或许永远选不上自己,但是永远相伴。

总结

以上就是今天带你走进从零认识带你走进从零认识JavaScript到精髓(五)JavaScript 分支语句
会持续更新中…
原创不易,期待您的点赞关注与转发评论

标签:语句,case,JavaScript,精髓,alert,break,条件,else
来源: https://blog.csdn.net/weixin_48193717/article/details/121167610