JavaScript的运算符

1，算数运算符

算数运算符用于执行两个变量或值得运算

加法运算符（+）对数字相加：

     var a = 1
     var b = 2
     var num = a + b
     console.log(num) //  输出  3

减法运算符（-）对数字相减：

     var a = 2
     var b = 1
     var num = a - b
     console.log(num) //  输出  1

乘法运算符（*）对数字相乘：

     var a = 2
     var b = 3
     var num = a * b
     console.log(num) //  输出  6

除法运算符（/）对数字相除：

     var a = 4
     var b = 2
     var num = a / b
     console.log(num) //  输出  4

取余运算符（%）对数字取余：

非number类型会进行隐式转换

     var a = 5
     var b = 2
     var num = a % b
     console.log(num) //  输出  1

算数运算符的运算顺序与数学中的运算顺序一致，先乘除后加减，有小括号先算小括号

加法运算符在运算时，两侧的数据的数据类型不是number类型时会进行拼接，其他算数运算符不会拼接，会隐式转换

     var a = 3
     var b = '2'
     var num = a + b 
     console.log(num) //  输出  32
     
     var a = 3
     var b = '2'
     var num = a * b 
     console.log(num) //  输出  6

显式转换和隐式转换

显式转换是指我们通过转换数据类型的方法来转换数据类型

隐式转换是指JavaScript内部帮助我们转换数据类型

2，赋值运算符

赋值运算符向 JavaScript 变量赋值

（=）赋值号

为变量赋值

（+=）加法赋值运算符

     var a = 1
     a += 2         //  a = a + 2
     console.log(a) //  输出  3

（-=）减法赋值运算符

     var a = 2
     a -= 1         //  a = a - 1
     console.log(a) //  输出  1

（*=）乘法赋值运算符

     var a = 2
     a *= 2         //  a = a * 2
     console.log(a) //  输出  4

（/=）除法赋值运算符

     var a = 4
     a /= 2         //  a = a / 2
     console.log(a) //  输出  2

（%=）取余赋值运算符

     var a = 5
     a %= 2         //  a = a % 2  取余
     console.log(a) //  输出  1

3，比较运算符

比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等

比较结果只会返回布尔类型值， true或者false

（>）大于比较运算符

     var a = 2
     var b = a > 1
     console.log(b)  //  输出  true
     
     var a = 1
     var b = a > 2
     console.log(b)  //  输出  false

（<）小于比较运算符

     var a = 1
     var b = a < 2 
     console.log(b)  //  输出  true
     
     var a = 2
     var b = a < 1
     console.log(b)  //  输出  false

（>=）大于或等于比较运算符

     var a = 1
     var b = a >= 1
     console.log(b)  //  输出  true
     
     var a = 2
     var b = a >= 1
     console.log(b)  //  输出  true

（<=）小于或等于比较运算符

     var a = 1
     var b = a <= 2 
     console.log(b)  //  输出  true
     
     var a = 2
     var b = a <= 2
     console.log(b)  //  输出  true

（==）等于比较运算符只对比数据，不对比数据类型

     var a = 1
     var b = 1
     console.log( a == b)  //  输出  true
     
     var a = 1
     var b = '1'
     console.log( a == b)  //  输出  true

==在对比数据时，两侧数据不同，比如一侧为数字，一侧为字符串时，会进行隐式转换

（===）全等于比较运算符不只对比数据，而且对比数据类型

     var a = 1
     var b = 1
     console.log( a === b)  //  输出  true
     
     var a = 1
     var b = '1'
     console.log( a === b)  //  输出  false

==和===作用一样，用于对比两侧数据是否相等

（！=）不等于比较运算符只对比数据，不对比数据类型

     var a = 1
     var b = 2
     console.log( a ！= b)  //  输出  true
     
     var a = 1
     var b = '2'
     console.log( a ！= b)  //  输出  true
     
     var a = 1
     var b = 1
     console.log( a ！= b)  //  输出  false

（！==）不全等于比较运算符不只对比数据，而且对比数据类型

     var a = 1
     var b = 2
     console.log( a ！== b)  //  输出  true
     
     var a = 1
     var b = 1
     console.log( a ！== b)  //  输出  false

！=和！==作用一样，用于对比两侧数据是否相同，相同时返回false，不相同返回true

4，逻辑运算符

逻辑运算符用来确定变量或值之间的逻辑关系

（&&）与 / 且

前一个为真，返回后一个

     var a = 5
     console.log(a < 10 && a > 3) //  输出  true     俩个条件都为true

     var a = 2
     console.log(a < 10 && a > 3) //  输出  false    前一个条件为true，后一个条件false

前一个为假，返回第一个

     var a = 11
     console.log(a < 10 && a > 3) //  输出  false    前一个条件为false

（||）或

前一个为真，返回前一个

     var a = 5
     console.log(a == 5 && a ！= 5) //  输出  true    前一个条件为true，后一个条件false

前一个为假，返回后一个

     var a = 5
     console.log(a ！= 5 && a == 5) //  输出  true    前一个条件为false，后一个条件true

     var a = 5
     console.log(a ！= 5 && a == 1) //  输出  false    前一个条件为false，后一个条件false

（！）取反 / 非

     var a = 1
     var b = 2
     console.log(!(a > b))  //  输出true    条件为false  取反为true
     
     var a = 2
     var b = 1
     console.log(!(a > b))  //  输出false    条件为ture  取反为false

5，自增自减运算符

（++）

变量名前或者变量名后写上 ++

++变量名

先给变量自增
参与周围的运算

（--）

变量名前或者变量名后写上 --

--变量名

先参与周围的运算
再给变量自增

前端初学者的潦草笔记第三弹（真的只是一份笔记）