js中的五大运算符（笔记+演示）

目录：

五个运算符：

1.数学运算符

2.比较运算符

3.逻辑运算符

4.赋值运算符

5.js中的三元运算符

一.算数运算符

算数运算符：+  -  *  /  %  ++  --

html代码

<!-- 1、加法 -->
  <div class="add"></div>
  <!-- 2、减法 -->
  <div class="sub"></div>
  <!-- 3、乘法 -->
  <div class="plus"></div>
  <!-- 4、除法 -->
  <div class="div"></div>
  <!-- 5、取余数 -->
  <div class="remainder"></div>

  <script>
    let n = 13
    let m = 27
    // 求和
    let add = m + n
    document.getElementsByClassName("add")[0].innerHTML = m + "+" + n + "=" + add
    // 求差
    let sub = m - n
    document.getElementsByClassName("sub")[0].innerHTML = m + "-" + n + "=" + sub
    // 求乘积
    let plus = m * n
    document.getElementsByClassName("plus")[0].innerHTML = m + "*" + n + "=" + plus
    // 求商
    let divider = m / n
    // 保留2位有效数字,会四舍五入
    divider = divider.toFixed(2)
    document.getElementsByClassName("plus")[0].innerHTML = m + "/" + n + "=" + divider
    // 取余数
    let remainder = m % n
    document.getElementsByClassName("remainder")[0].innerHTML = m + "%" + n + "=" + remainder
    // 自加1
    m++
    console.log(m) // 28
    // 自减1
    n--
    console.log(n) // 12
    // ++ -- 在前面
    let i = 10
    --i
    console.log(i) // 9
    let k = 20
    ++k
    console.log(k) // 21
    // 一元运算符++ -- 如果在变量前面，表示先进行算术运算，再进行代码的