前端学习笔记-JS-运算符

运算符(操作符)  operator

JS常用运算符:

  1. 算术运算符
  2. 一元运算符
  3. 比较运算符
  4. 逻辑运算符
  5. 赋值运算符

 

表达式和返回值

表达式:由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合

               简单理解:由数字、运算符、变量等组成的式子

返回值:表达式最终都会有一个结果,返回给我们,我们称为返回值

 

算术运算符

+ - * / %  

前端学习笔记-JS-运算符_第1张图片

 

一元运算符

一元运算符:只有一个操作数的运算符

++ 自身加1

--   自身减1

取反

  • 前置++

    
    
    
    
        
        
        
        Document
        
    
    
    
    
    
    
    

     

  • 后置++

    
    
    
    
        
        
        
        Document
        
    
    
    
    
    
    
    

     

  • 总结 前置++:先加1,后参与运算 后置++:先参与运算,后加1 上面两个理解后,下面两个自通 前置-- :先减1,后参与运算 后置-- :先参与运算,后减1

 

逻辑运算符(布尔运算符)

用来进行布尔值运算的运算符,返回值也是布尔值

&&  与(and)  两个操作数同时为true,结果为true,否则都是false
||  或(or)   两个操作数有一个为true,结果为true,否则为false
!   非(not)  取反

短路运算(逻辑中断)

原理:当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再进行运算右边的表达式的值

1.逻辑与

语法:表达式1 && 表达式2

如果第一个表达式1的值为真,则返回表达式2

如果第一个表达式1的值为假,则返回表达式1

2.逻辑或

语法:表达式1 || 表达式2

如果第一个表达式1的值为真,则返回表达式1

如果第一个表达式1的值为假,则返回表达式2





    
    
    
    Document
    






 

比较运算符(关系运算符)

是两个数据进行比较时所用的运算符,比较运算后,会返回一个布尔值作为比较运算的结果

<  >  >=  <= == != === !==

前端学习笔记-JS-运算符_第2张图片

==与===的区别:==只进行值得比较
              ===类型和值同时相等,则相等
​
var result = '55' == 55;    // true
var result = '55' === 55;   // false 值相等,类型不相等
var result = 55 === 55;     // true

 

赋值运算符

=    +=    -=    *=    /=   %=

前端学习笔记-JS-运算符_第3张图片

例如:
var num = 0;
num += 5;   //相当于  num = num + 5;

 

运算符的优先级

前端学习笔记-JS-运算符_第4张图片

 

运算符的对数据类型的自动转换

JavaScript有一些语句/运算符对数据类型有要求,但我们提供的与预期不符时,就会发生自动类型转换。

  对数据类型有期待的语句和表达式:

    1、期待boolean类型的 : if 语句 、 do while 语句 、 while do 语句 、 &&  ||   ! (与或非逻辑表达式)  、 ? : ( 三目运算符)

    2、期待number类型的 :  + - * / % (算数运算符) 、  ++  --  (增量/减量运算符) 、 > 、  >= 、 <  、 <= 数字比较

    3、期待字符串的: + (字符串连接) 、 > 、  >= 、 <  、 <=  字母排序比较

    4、特殊的 : ==  、 !=  (不)相等运算符,在检测两个操作数是否相等时,会进行类型转换;(注意 :  === 、!==  是(不)严格相等运算符,是不会进行类型转换的)

你可能感兴趣的:(前端学习-JavaScript)