JavaScript详解（4.表达式和运算符）

缺乏、安全感 2023-07-01 07:30 55阅读 0赞

### 文章目录 ###

*  一，运算符的分类
 *  二，运算符的分类说明
 *  三，操作符优先级

# 一，运算符的分类 #

1.  算术运算符(+ - \* / % ++ --)
2.  赋值运算符(= += \*= /= %=)
3.  条件运算符(=== == > >= < <= != )
4.  字符串运算符(+ +=)
5.  逻辑运算符(&& || !)
6.  三元运算符( （条件表达式1）？表达式2：表达式3 )
7.  运算符优先级

# 二，运算符的分类说明 #

1.  算术运算符(+ - \* / % ++ --)  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70]
2.  赋值运算符(= += \*= /= %=)
    
    基本的赋值运算符为“=”，用于将右侧的操作数或表达式的值赋给“=”左侧的变量。
    
    在程序中还经常使用到扩展赋值运算符，如：+=，-=，\*=，/=，%=等。
3.  条件运算符(=== == > >= < <= != )
    
    === 等同符：不会发生类型的自动转化！
    
    == 等值符：会发生类型自动转化、自动匹配！  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70 1]
4.  字符串运算符(+ +=)
    
    字符串运算符主要是字符串运算符“+”和它的变形形式：“+=”
    
    数字类型和字符串进行“＋”操作时，实际是进行了字符串的连接操作。
    
    var a=1; var b=“3”; alert(a+b);//显示的是13,而不是4.
    
    var b=true; var c=“ddd”; alert(b+c); //显示的是trueddd；
    
    “我爱”+“北京”+“天安门”产生的结果是一个新的字符串“我爱北京天安门”
5.  逻辑运算符(&& || !)
    
    &&两边都为true时则返回true
    
    ||两边有一边为true就返回true
    
    ！取反
6.  三元运算符( （条件表达式1）？表达式2：表达式3 )
    
    执行此表达式时，先判断条件即:逻辑表达式1的值，若为true，则整个三目运算的结果为表达式2的值，否则整个运算结果为表达式3的值

# 三，操作符优先级 #

等级1:()

等级2:！ ++ –

等级3:\* / %

等级4:+ -

等级5:> >= < <= != ==

等级6:&&

等级7:||

等级8:= += -= \*= /= %=

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200119205427253.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200119205914413.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3,size_16,color_FFFFFF,t_70