Javascript-中常用运算符

目录

数据类型

常见运算

算术运算符

比较运算符

逻辑运算符

赋值运算符

自增/减运算符

三目运算符

位运算符


数据类型

在 JS 中有以下两大类:

  • 基本数据类型

    • 数值类型(Number)

      • 整数 (int)

      • 浮点数(float)

    • 布尔类型(Boolean),有两个值:true 和 false

    • 字符串(String),它可以是单引号包裹的数据,也可以是双引号包裹的数据。在 JS 推荐使用单号

    • 空(null),表示不存在

    • 未定义(undefined),表示变量定义了,但是没有给它赋值就使用这个变量。

    • 不是数字(NaN - Not a Number),判断是否为数字,如果不是返回 true, 如果是返回 false

  • 引用数据类型

    • 数组(Array),它是用于存储一组相同类型的数据

    • 对象(Object),在 JS 万物皆对象

判断数据类型我们在 JS 中是通过typeof 运行符来实现的。




    
    数据类型




常见运算

算术运算符

在 JS 算术运算符包含 加、减、乘、除、取模等。




    
    算术运算数




比较运算符

比较运算也中关系运算。它是用于比较两个数之间的大小,结果为一个布尔类型的值。比较运算符包含:大于(>)、小于(<)、等于(==)、大于等于(>=)、小于等于(<=)、不等于(!=)、全等于(===)。




    
    比较运算符




逻辑运算符

逻辑运算符主要是指多个条件之间的关联关系,逻辑运算符有:与(&&)、或(||)以及非(!)这三种




    
    逻辑运算符




在逻辑运算符中,也可以使用 & 号来表示与运算,使用 | 符号来表示或运算。它们与 && 以及 || 是有区别的。




    
    逻辑运算符的区别




赋值运算符

在 JS 中赋值运算符有以下几种:

  • =:将它这符号右边的值赋给这个符号左边的变量

  • +=:把符号右边的值与这个变量之前的值相加后再赋给这个变量

  • -=:把符号右边的值与这个变量之前的值相减后再赋给这个变量

  • *=:把符号右边的值与这个变量之前的值相乘后再赋给这个变量

  • /=:把符号右边的值与这个变量之前的值相除后再赋给这个变量

  • %=:把符号右边的值与这个变量之前的值取模后再赋给这个变量

  • **=:把符号右边的值与这个变量之前的值幂运算后再赋给这个变量




    
    赋值运算符


 =:将它这符号右边的值赋给这个符号左边的变量
 +=:把符号右边的值与这个变量之前的值相加后再赋给这个变量
 -=:把符号右边的值与这个变量之前的值相减后再赋给这个变量
 *=:把符号右边的值与这个变量之前的值相乘后再赋给这个变量
 /=:把符号右边的值与这个变量之前的值相除后再赋给这个变量
 %=:把符号右边的值与这个变量之前的值取模后再赋给这个变量
 **=:把符号右边的值与这个变量之前的值幂运算后再赋给这个变量
  

自增/减运算符

严格来说,它是属于算术运算符中,我们在这里把单独拿出来进行讲。




    
    自增自减运算符




问题:a++ 和 ++a 有什么区别?




    
    自增两种写法的区别





根据上面的代码运行的结果以及分析的过程,我们发现:++ 后是先使用它的值,然后自己再加 1,而 ++ 在前是先自己加 1 后,再把结果进行相加。




    
    自增两种写法的区别




总结:++在前是先自增再运算,++在后是先运算再自增。

三目运算符

三目运算符出现的目的是为了简化 if 语句。它的语法格式为:变量 = 表达式 ? 值1 : 值2。当表达为 true 时,取值1,否则取值2。




    
    三目运算符




位运算符

位运算符会涉及到二进制的计算,会有补码、原码、反码。位运算符有 & 、| 、^ 、<< 、>> 以及 >>>




    
    位运算符




你可能感兴趣的:(前端,javascript,前端,vue.js)