上篇我们学习了一些JavaScript的小知识:输出方式、语句规范、注释以及代码块。
本篇我们学习运算符相关知识。
一、算术运算符
算术运算符我们在数据类型那一篇已经进行过学习,再来复习一遍:
| 运算符 | 含义 | 示例 |
|---|---|---|
| + | 加 | 1 + 1 = 2 |
| - | 减 | 5 - 2 = 3 |
| * | 乘 | 3 * 4 = 12 |
| / | 除 | 20 * 4 = 5 |
| ** | 乘方 | 2 ** 2 = 4;2 ** 3 = 8 |
| % | 取余 | 5 % 2 = 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
三、字符串运算符
-
+运算符也可用于对字符串进行相加,它会把前后字符串连接拼接成一个新的字符串
var txt1 = "Bill";
var txt2 = "Gates";
var txt3 = txt1 + " " + txt2;
console.log(txt3); // 输出 Bill Gates
-
+=赋值运算符也可用于拼接字符串
var txt1 = "Hello ";
txt1 += "Kitty!";
console.log(txt1); // 输出 Hello Kitty!
- 对字符串和数字使用运算符会产生意想不到的结果,请尽量避免
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,如果对象是对象类型的实例。 |
总结:
一、算术运算符
二、赋值运算符
三、字符串运算符
四、比较运算符
五、逻辑运算符
六、类型运算符