js运算符

105 阅读3分钟

js运算符

算数运算符

也叫 操作符, 是 JS 中 发起一个运算的最简单的方式,算数运算符 + - * / % 加减乘除取余运算符本身就是给 数字类型使用的。

+

  • 就是将 符号左右两边的值, 相加 得到一个新的值
  • 这个也叫做表达式, 表达式就是会计算出一个值, 然后参与周围程序的运行
  • 注意: + 一般是给数字使用的, 但是如果 符号的任意一边有字符串类型的, 那么不在计算求和, 而是计算一个拼接
  • 并且拼接后的值是字符串类型的
  • 这也是为什么 一个数据 + '' 能够转换为 字符串类型

其他都是 字符串转为数字类型

-

  • 就是将 符号两边的值 相减 得到一个新的值
  • 运算的时候, 如果符号两边有字符串. 那么 JS 会将 字符串转换为 数字 然后参与运算
  • 这也是为什么 数据 - 0 能够转换为 number 类型

* / %

赋值运算符

  • = 赋值号
  • += 当要给一个变量重新赋值, 赋值为他本身加一个内容, 就可以使用 +=

image.png

比较运算符

  • 大于 >
  • 小于 <
  • 大于等于 >=
  • 小于等于 <=
  • 等于:
  • == 对比两边是否相等, 不会区分数据类型 了解或者特殊情况下书写
  • === 对比两边是否相等, 区分数据类型 推荐写 ===
  • 一定要注意, 等于 最少要两个 == 千万不要写成 =
  • 不等于:
  • != 对比两边是否不相等, 不会区分数据类型
  • !== 对比两边是否不相等, 区分数据类型 推荐写 !==

image.png

  • 案例1:var abc = 123.456789 需求:书写一段代码, 让 abc 保留两位小数, 值为 123.45
  • 案例2: var num = 3 - '36' % 5 + '2' - 2 需求:分析出 num 的运算过程以及结果

image.png

自增自减运算符

     *      ++      --
     *      作用: 将变量自增1或者自减1
     * 
     *      语法:
     *          变量++     变量--
     *          ++变量     --变量
     * 
     *      区别:
     *          如果 符号 在 变量/数据 前, 先运算自增或者自减, 然后参与周围程序运算
     *          如果 符号 在 变量/数据 后, 先参与周围程序运算, 然后自增或者自减
     

自增自减案例: image.png

逻辑运算符

     &&  逻辑与  逻辑且
     *          语法:   变量1/数据1 && 变量2/数据2
     * 
     *              运行规则: 会判断符号左边的变量的值, 转换为布尔值后
     *                          如果符号左边布尔值为 true, 那么运行符号右边的代码或者返回符号右边的代码
     *                          如果符号左边布尔值为 false, 那么直接运行符号左边的代码或者返回符号左边的代码


     ||  逻辑或
     *          语法:   变量1/数据1 || 变量2/数据2
     *              
     *              运行规则: 会判断符号左边的变量的值, 转换为布尔值后
     *                          如果符号左边布尔值为 true, 那么运行符号左边的代码或者返回符号左边的代码
     *                          如果符号左边布尔值为 false, 那么直接运行符号右边的代码或者返回符号右边的代码
    
     
      !   逻辑非
     *              得到数据的取反后的布尔值
     *                  !undefined          !true

总结:

    逻辑与  和   逻辑或 将来在 分支语句中经常会使用 作为 判断条件
     *              逻辑与:     满足条件1   并且   满足条件2
     *              逻辑或:     满足条件1   或者    满足条件2