js中的五大运算符(笔记+演示)

本文详细介绍了JavaScript中的五大运算符:算数运算符、比较运算符、逻辑运算符、赋值运算符以及三元运算符。对于逻辑运算符,重点讲解了&&、||和!的短路效应及其使用场景,并提供了多个示例进行演示。
摘要由CSDN通过智能技术生成

目录:

五个运算符:

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
    // 一元运算符++ -- 如果在变量前面,表示先进行算术运算,再进行代码的
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值