JavaScript基础语法（三）

判断成绩等级案例

根据输入的分数，判断成绩的ABCD级

 <script>

    let score = +prompt('请输入成绩：')

    if (score >= 90) {

      document.write('A')

    } else if (score>=70&&score < 90) {

      document.write('B')

    } else if (score >= 60&&score<70) {

      document.write('C')

    } else {

      document.write('D')

    }

  </script>

简易四则运算计算器案例

<script>

    // 输入环节

    let num1 = +prompt('请您输入第一个数字:')

    let num2 = +prompt('请您输入第二个数字:')

    let sp = prompt('请您输入 + - * / 其中一个:')

    // 判断输出环节

    switch (sp) {

      case '+':

        document.write(`两个数的加法操作是${num1 + num2}`)

        break

      case '-':

        document.write(`两个数的减法操作是${num1 - num2}`)

        break

      case '*':

        document.write(`两个数的乘法操作是${num1 * num2}`)

        break

      case '/':

        document.write(`两个数的除法操作是${num1 / num2}`)

        break

      default:

        document.write(`输入错误`)

    }

  </script>

运算符

算数运算符

算数运算符简单来说就是基本的数学运算符，主要包括加+、减-、乘*、除/、取余%（求模）；令我们比较陌生的是取余%（求模）这个运算符，表示模、摩尔、取余数，在开发中经常用在作为判断某个数字能否被整除。

示例

let a=1+1;//输出2

let a = 1 + 1 + “ a ” +( 1 + 2); //输出2a3

从左往右，有括号先算括号都能够理解，值得注意的是一旦出现有字符串，加号就变成了字符串的拼接，结果输出也是字符串。

let a=1-11;//输出-10

let a=1*2;//输出2

let a = 0 / 0 ；//输出   NaN

let a = 1 / 0;//输出  infinity（无穷）

let a = -1 / 0; //输出-infinity

NaN（Not a Number）不是一个数，本应该得出一个数字类型的数，但是没法表达， 不是数，但是是数字类型

let a =5%2 //表 五除二的余数，商二余一

let a =5%1 //表 五除一的余数，输出  0

let   a  = 1 % 5; // 表  1 除以 5 的余数。商 0 余 1

let a =4%6 //表 四除六的余数，输出  4

等式的化简

数值加一或减一这种自增或自减可以直接写为++/--

a=10

a++//输出为10 先输出后＋1

++a//输出11  先＋1再输出

--a//输出9

a--//输出10

等式中也可以化简为如下：

let a=10；a = a+3   a+=3

                 a=a+3     a-=3

                  a=a*3     a*=3

                        ......

比较运算符

比较运算符有>、<、==（两边的值是否等于）、===（两边的值和类型是否相等）、<=、>=、!=（是否不等于）、!==(两边的值是否不全等)、返回值都为布尔型true/false；字符串出现比较，就是比较ASCII码具体需要大家进一步取了解。

ASCII码表

逻辑运算符

符号	名称	特点	口诀
&&	逻辑与	他先判断左边是否为false，是则直接返回false，不是则判断右边式子，多个式子时从左往右判断一旦有一个false就返回false不再进行判断	一假则假
||	逻辑或	他也同样从做往右依次判断式子，返回第一个判断到正确的式子	一真则真
！	逻辑非	先返回布尔值再取反，true变为false，false变为true	真变假，假变真

注意：逻辑运算符优先级： ！> && > ||

条件判断语句

if语句

语法：

if(条件判断){

当条件成立时，执行里面的执行语句

}

如果有两个条件的时候，可以使用 if else 双分支语句

if (条件表达式){
  // 满足条件要执行的语句
} else {
  // 不满足条件要执行的语句
}

有多个条件的时，也可以使用if多各条件分支语句，本篇的第一个案例就是一个典型的例子

switch条件语句

语法：

switch( 条件 ){

case 写条件：里面判是否相符：

如果相符合就执行 case 

}

具体参考案例2

switch语句适合于有多个条件的时候，也属于分支语句，大部分情况下和 if多分支语句功能相同，但是switch有一个不好的地方是， 如果判断到符合条件的情况，也会把后面的情况连带显示出来

所以在每一种情况（case）后加个 break ，就可以终止语句。