【2024】前端学习笔记15-JavaScript运算符

1.数学运算符

1.1.加法运算符（+）

用法：

将两个数值相加。例如，3+5的结果是8

也可以用于字符串拼接。例如，hello+ world的结果是hello world

1.2.减法运算符（-）

用法：

计算两个数值的差。例如，8 - 2的结果是6

负号（-）表示取该数值的相反数，例如，3 - (-2)先将-(-2)转换为2，然后计算3 + 2得出5

1.3.乘法运算符（*）

用法：

计算两个数值的乘积，例如，3 * 4的为结果为12

1.4.除法运算符（/）

用法：

计算两个数值相除的商，例如，10 / 2的结果为5

1.5.取模运算符（%）

用法：

也称为余数运算符，用于计算两个数相除的余数，例如，10 % 3的结果为1

判断一个数是否能被另一个数整除，例如，判断一个数是否为偶数，可以用这个数对2取模，结果如果为0，则是偶数。

1.6.指数运算符（**）

用法：

计算一个数的指数幂，例如，2 ** 3的结果为8，表示2的3次方

1.7.自增/自减运算符（++/–）

用法：

前置自增 / 自减（++x、–x）：先将变量的值增加 / 减少 1，然后再使用变量的值进行表达式的其他计算。

后置自增 / 自减（x++、x–）：先使用变量的值进行表达式的计算，然后再将变量的值增加 / 减少 1。

示例一：前置自增

let num = 5;
let result = ++num;
console.log(num);
console.log(result);
// 先将num的值加1得到6，再将6赋值给result

示例二：后置自增

let num2 = 5;
let result2 = num2++;
console.log(num2);
console.log(result2);
// 这里先将num2的值5赋值给result2，然后num2的值增加到6。

示例三：前置自减

let num3 = 5;
let result3 = --num3;
console.log(num3);
console.log(result3);
// 先将num3的值减少到4，然后再将4赋值给result3。

示例四：后置自减

let num4 = 5;
let result4 = num4--;
console.log(num4); // 输出：4
console.log(result4); // 输出：5
// 先将num4的值5赋值给result4，然后num4的值减少到4。

2.比较运算符

比较运算符用于比较两个值，并返回一个布尔值（true或false），表示比较的结果。

符号	含义
==	相等运算符
===	严格相等运算符
！=	不等运算符
！==	严格不等运算符
>	大于运算符
<	小于运算符
>=	大于等于运算符
<=	小于等于运算符

==（相等运算符）会进行隐式类型转换，在比较两个操作数时，如果数据类型不同，js会尝试将它们转换为相同类型后再比较。比如，“5” == 5，这个字符串的“5”会转换成5，所以结果为true。

===（严格相等运算符）它不会进行类型转换，要求比较的两个操作数不仅值相同，而且数据类型也要相同。例如，“5” === 5为false，因为左边是字符串类型，右边是数字类型。

示例：

let num1 = 5
console.log(num1 == "5")let num2 = 6
console.log(num2 === "6")

3.逻辑运算符

JavaScript 中的逻辑运算符主要用于对布尔值进行操作，也可以用于非布尔值，因为非布尔值会被转换为布尔值来进行运算。

3.1.逻辑与（&&）

逻辑与运算符用于检查两个操作数是否都为true。如果两个操作数都是true，则返回true；只要有一个操作数为false，就返回false。

let a = 5
let b = 8
let result = (a > 3 && b < 10)
console.log(result)

3.2.逻辑或（||）

逻辑或运算符用于检查两个操作数中是否至少有一个为true。如果两个操作数中有一个为true或者两个都为true，则返回true；只有当两个操作数都为false时，才返回false。

let f = 0;
let g = 5;
let result4 = (f > 2 || g > 3);
console.log(result4); // 输出：true，因为 g > 3 为 true

3.3.逻辑非（！）

逻辑非运算符用于对一个操作数取反。如果操作数为true，则返回false；如果操作数为false，则返回true。

let e = true;
let result3 =!e;
console.log(result3); // 输出：false，对 true 取反