5、运算符

上篇我们学习了一些JavaScript的小知识：输出方式、语句规范、注释以及代码块。
本篇我们学习运算符相关知识。

一、算术运算符
算术运算符我们在数据类型那一篇已经进行过学习，再来复习一遍：

运算符	含义	示例
+	加	1 + 1 = 2
-	减	5 - 2 = 3
*	乘	3 * 4 = 12
/	除	20 * 4 = 5
**	乘方	2 ** 2 = 4；2 ** 3 = 8
%	取余	5 % 2 = 1

上面这些运算符都是操作两个数值，除了个别和数学中长的不一样以外，其他都一样。
下面再来学习两个数学中没有的运算符：

1. 递增运算符（++）
   递增运算符（++）对数值进行递增。

var x = 1;
x++;
console.log(x); // 输出 2

x++ 相当于 x = x + 1

2.递减运算符（--）
递减运算符（--）对数值进行递减。

var x = 10;
x--;
console.log(x); // 输出 9

x-- 相当于 x = x - 1

二、赋值运算符
赋值运算符向 JavaScript 变量赋值。除了我们学习过的=，还有很多其他赋值运算符：

运算符	示例	等同于
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y

加法赋值运算符（+=）相当于向变量添加一个值。

var x = 10;
x += 5;
console.log(x); // 输出 15

三、字符串运算符

1. + 运算符也可用于对字符串进行相加，它会把前后字符串连接拼接成一个新的字符串

var txt1 = "Bill";
var txt2 = "Gates";
var txt3 = txt1 + " " + txt2; 
console.log(txt3); // 输出 Bill Gates

2. += 赋值运算符也可用于拼接字符串

var txt1 = "Hello ";
txt1 += "Kitty!"; 
console.log(txt1); // 输出 Hello Kitty!

3. 对字符串和数字使用运算符会产生意想不到的结果，请尽量避免

var x = "7" + 8;
console.log(x); // 输出 '78'
var x = "7" * 8;
console.log(x); // 输出 56
var x = 7 + 8 + "9";
console.log(x); // 输出 '159'
var x = "9" + 8 + 7;
console.log(x); // 输出 '987'

四、比较运算符

运算符	含义
==	等于
===	等值等型
!=	不相等
!==	不等值或不等型
>	大于
<	小于
>=	大于或等于
<=	小于或等于
?	三元运算符

五、逻辑运算符

运算符	含义
&&	逻辑与，前后都是真结果才是真
||	逻辑或，前后都是假结果才是假
!	逻辑非，取后面值相反的结果

六、类型运算符

运算符	含义
typeof	返回变量的类型。
instanceof	返回 true，如果对象是对象类型的实例。

---

总结：
一、算术运算符
二、赋值运算符
三、字符串运算符
四、比较运算符
五、逻辑运算符
六、类型运算符

---

上一篇：JS 语法
下一篇：条件语句