前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >带你走进从零认识JavaScript到精髓(五)JavaScript 分支语句

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

作者头像
玖柒的小窝
修改2021-11-08 09:36:20
4500
修改2021-11-08 09:36:20
举报
文章被收录于专栏:各类技术文章~

一、什么是JavaScript的语句

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

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

分号

  • 分号用于分隔 JavaScript 语句。
  • 通常我们在每条可执行的语句结尾添加分号。
  • 使用分号的另一用处是在一行中编写多条语句。

1.1语句的声明

代码语言:javascript
复制
// 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 中,我们可使用以下条件语句:

  • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码
  • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码
  • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

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

语法:

代码语言: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 时执行的代码
}
复制代码

示例:

代码语言:javascript
复制
/*
	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('不知道了')
}

复制代码
代码语言:javascript
复制
/*
用户录入成绩单,成绩在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语句在比较的时候用的是全等

语法:

代码语言:javascript
复制
/*  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 不同时执行的代码
};
复制代码
代码语言:javascript
复制
/*
            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 关键词来规定匹配不存在时做的事情.

示例:

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

复制代码

写在后面:

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

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

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、什么是JavaScript的语句
  • 1.1语句的声明
  • 1.2JavaScript代码块
    • 二、条件判断语句
      • 三、Switch语句
        • default 关键词
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档