5、运算符
2022-04-22 本文已影响0人
魔方宫殿
上篇我们学习了一些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,如果对象是对象类型的实例。 |
总结:
一、算术运算符
二、赋值运算符
三、字符串运算符
四、比较运算符
五、逻辑运算符
六、类型运算符