掌握JS运算符操作与表达式

JavaScript中的运算符是用来进行数据操作的符号，表达式则是由运算符和操作数组成的，可以计算出一个结果。了解各种运算符和表达式的使用方式是掌握JavaScript编程的基础。

1. 运算符分类

JavaScript中的运算符可分为以下几类：

1. 算术运算符（Arithmetic Operators）
2. 赋值运算符（Assignment Operators）
3. 比较运算符（Comparison Operators）
4. 逻辑运算符（Logical Operators）
5. 位运算符（Bitwise Operators）
6. 条件运算符（Ternary Operator）
7. 类型运算符（Type Operators）

2. 算术运算符（Arithmetic Operators）

算术运算符用于执行基本的数学运算。常见的算术运算符有加法、减法、乘法、除法、取余等。

2.1 加法（+）

用于将两个数相加，或者连接两个字符串。

代码案例：

let num1 = 5;
let num2 = 3;
let result = num1 + num2;  // 加法运算，结果是8
console.log(result);

let str1 = "Hello, ";
let str2 = "world!";
let message = str1 + str2;  // 字符串连接，结果是"Hello, world!"
console.log(message);

代码说明：

• 当操作数是数字时，+表示加法。
• 当操作数是字符串时，+表示字符串连接。

2.2 减法（-）

用于计算两个数的差值。

代码案例：

let num1 = 10;
let num2 = 4;
let result = num1 - num2;  // 结果是6
console.log(result);

代码说明：

• 使用-运算符来计算两个数字的差值。

2.3 乘法（*）

用于计算两个数的乘积。

代码案例：

let num1 = 7;
let num2 = 2;
let result = num1 * num2;  // 结果是14
console.log(result);

代码说明：

• 使用*运算符来计算乘积。

2.4 除法（/）

用于计算两个数的商。

代码案例：

let num1 = 10;
let num2 = 2;
let result = num1 / num2;  // 结果是5
console.log(result);

代码说明：

• 使用/运算符来计算商。

2.5 取余（%）

用于计算两个数相除的余数。

代码案例：

let num1 = 10;
let num2 = 3;
let result = num1 % num2;  // 结果是1
console.log(result);

代码说明：

• 使用%运算符来计算余数。

3. 赋值运算符（Assignment Operators）

赋值运算符用于将值赋给变量。常见的赋值运算符包括基本的=和复合赋值运算符，如+=、-等。

3.1 等号（=）

将右边的值赋给左边的变量。

代码案例：

let x = 10;  // 将10赋值给变量x
console.log(x);

3.2 复合赋值运算符

复合赋值运算符包括+=、-=, *=, /=, 等，用于在赋值的同时进行运算。

代码案例：

let x = 5;
x += 3;  // 相当于 x = x + 3
console.log(x);  // 输出8

let y = 10;
y *= 2;  // 相当于 y = y * 2
console.log(y);  // 输出20

代码说明：

• 复合赋值运算符使得变量在赋值的同时执行特定运算。

4. 比较运算符（Comparison Operators）

比较运算符用于比较两个值，结果为布尔值（true或false）。

4.1 等于（==）

检查两个值是否相等，但不考虑类型。

代码案例：

let num1 = 10;
let num2 = "10";
let result = num1 == num2;  // 结果是true，因为忽略了类型
console.log(result);

4.2 严格等于（===）

检查两个值是否相等，且类型必须相同。

代码案例：

let num1 = 10;
let num2 = "10";
let result = num1 === num2;  // 结果是false，因为类型不同
console.log(result);

4.3 不等于（!=）

检查两个值是否不相等。

代码案例：

let num1 = 10;
let num2 = 20;
let result = num1 != num2;  // 结果是true
console.log(result);

4.4 大于（>）、小于（<）

用于比较两个数的大小。

代码案例：

let num1 = 10;
let num2 = 5;
let result = num1 > num2;  // 结果是true
console.log(result);

4.5 大于等于（>=）、小于等于（<=）

检查一个数是否大于或等于、或者小于或等于另一个数。

代码案例：

let num1 = 10;
let num2 = 10;
let result = num1 >= num2;  // 结果是true
console.log(result);

5. 逻辑运算符（Logical Operators）

逻辑运算符用于连接多个布尔表达式，常见的有&&（与）、||（或）、!（非）。

5.1 与（&&）

如果两个条件都为true，则返回true。

代码案例：

let x = 10;
let y = 20;
let result = (x > 5) && (y > 15);  // 结果是true
console.log(result);

5.2 或（||）

如果两个条件中至少有一个为true，则返回true。

代码案例：

let x = 10;
let y = 20;
let result = (x > 5) || (y < 15);  // 结果是true
console.log(result);

5.3 非（!）

将布尔值反转。

代码案例：

let x = true;
let result = !x;  // 结果是false
console.log(result);

6. 条件运算符（三元运算符）

条件运算符是一种简洁的if-else表达式。

6.1 语法

condition ? expr1 : expr2;

如果condition为真，则返回expr1，否则返回expr2。

代码案例：

let age = 18;
let canVote = (age >= 18) ? "可以投票" : "不能投票";
console.log(canVote);  // 输出 "可以投票"

7. 类型运算符（Type Operators）

JavaScript提供了一些运算符来检查和转换数据类型。

7.1 typeof

用于返回变量的类型。

代码案例：

let x = 10;
console.log(typeof x);  // 输出 "number"

7.2 instanceof

用于检查对象是否为特定类型的实例。

代码案例：

let arr = [1, 2, 3];
console.log(arr instanceof Array);  // 输出 true

8. 总结

JavaScript中的运算符是进行数据处理和逻辑判断的基础。掌握各种运算符的使用，将帮助我们更高效地进行代码编写。