简单学习了解JavaScripty运算符,一元运算符,三元运算符,switch语句,运算符优先级,if语句

运算符

算术运算符

数学运算符也叫算术运算符,主要包括加、减、乘、除、取余(求模)。
+:求和
-:求差
*:求积
/:求商
%:取模(取余数)
开发中经常作为某个数字是否被整除
优先级:先乘除后加减,有括号先算括号里面(小学算术)

赋值运算符

赋值运算符:对变量进行赋值的运算符
已经学过的赋值运算符:= 将等号右边的值赋予给左边, 要求左边必须是一个容器
其他赋值运算符: +=   -=   *=   /=   %=
使用这些运算符可以在对变量赋值时进行快速操作
之前写法

 赋值运算符写法

一元运算符

自增:
符号:++
作用:让变量的值 +1
自减:
符号:--
作用:让变量的值 -1

单独使用没有区别 

参与运算有区别,非常大

比较运算符

比较运算符:
  > : 左边是否大于右边
 <: 左边是否小于右边
  >=: 左边是否大于或等于右边
 <=: 左边是否小于或等于右边
  ==: 左右两边是否相等
  ===: 左右两边是否类型和值都相等
 ! ==: 左右两边是否不全等
  比较结果为boolean类型,即只会得到true或false

逻辑运算符

运算符优先级       

 

表达式和语句

表达式计算出一个值,但语句用来自行以使某件事发生
例如:
表达式   3 + 4
语句      alert() 弹出对话框

语句

程序三大流程控制语句

分支语句               If分支语句      三元运算符           switch 语句 

If分支语句 

能使用if语句执行满足条件的代码
if语句有三种使用:单分支、双分支、多分支
单分支使用语法:
括号内的条件为true时,进入大括号里执行代码
小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型
双分支if语法:

 

 多分支if语法:

先判断条件1,若满足条件1就执行代码1,其他不执行
若不满足则向下判断条件2,满足条件2执行代码2,其他不执行
若依然不满足继续往下判断,依次类推
若以上条件都不满足,执行else里的代码n
注:可以写N个条件,但这里演示只写2个

三元运算符

语法

switch语句

语法

 

找到跟小括号里数据全等的case值,并执行里面对应的代码
若没有全等 === 的则执行default里的代码

 

循环结构

 while 循环

 while 循环语法

 while 循环注意事项:

循环的本质就是以某个变量为起始值,然后不断产生变化量,慢慢靠近终止条件的过程。
所以, 循环需要具备三要素
1. 变量起始值
2. 终止条件(没有终止条件,循环会一直执行,造成死循环)
3. 变量变化量(用自增或者自减)

循环退出

循环结束

continue:结束本次循环,继续下次循环
break:跳出所在的循环

活学活用(这个案例能写出来,上面内容基本没问题)

<!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>
      // 需求:用户可以选择存钱、取钱、查看余额和退出功能
      // 分析:
      // ①:循环的时候,需要反复提示输入框,所以提示框写到循环里面
      // ②:退出的条件是用户输入了 4
      // ③:提前准备一个金额预先存储一个数额
      // ④:取钱则是减法操作, 存钱则是加法操作,查看余额则是直接显示金额
      // ⑤:输入不同的值,可以使用switch来执行不同的操作
      // 1. 需要循环吗? while 循环 循环的条件? 只要输入的值不等于4 就进入到循环体里里面
      // 2. 需要获取到 用户输入的数据 1 - 存款 2 - 取款 3- 查看余额  4- 退出  等值 建议用 switch-case
      // 3. 1 - 存款 准备弹出框 让用户输入存款金额.....
      // console.log(1)
      let money = 100 // 默认卡里面有100块钱
      let caozuo
      while (caozuo !== 4) {
        caozuo = +prompt(
          ` 
          请选择您的操作:
          1. 存款
          2. 取款
          3. 查看余额
          4. 退出
          `
        )
        // 判断用户的输入
        switch (caozuo) {
          case 1:
            // 准备弹出框
            let cun = +prompt('请输入您的存款金额:')
            // money = money + cun
            money += cun
            break
          case 2:
            // 准备弹出框
            let qu = +prompt('请输入您的区款金额:')
            // money = money + cun
            money -= qu
            break
          case 3:
            alert(`您卡里面还有余额是${money}`)
            break
          case 4:
            alert('欢迎下次光临')
            break
          default:
            alert('对不起,请输入合理的数字')
        }
      }
    </script>
  </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值