详解中JS——运算符的快速使用

JS 运算符是什么

JS运算符是一种用于执行各种操作的符号。它们用于执行算术、逻辑和比较操作，以及其他各种操作。JS运算符可以分为以下几类：

1. 算术运算符：用于执行基本的算术操作，如加法、减法、乘法和除法。
2. 赋值运算符：用于将值赋给变量。
3. 比较运算符：用于比较两个值，并返回一个布尔值。
4. 逻辑运算符：用于执行逻辑操作，如逻辑与、逻辑或和逻辑非。
5. 条件运算符：用于根据条件选择不同的值。
6. 位运算符：用于对数字的二进制表示进行操作。
7. 字符串运算符：用于操作字符串。
8. 类型运算符：用于确定变量的类型。
9. 其他运算符：包括三元运算符、逗号运算符等。

这些运算符可以用于执行各种操作，从而实现不同的功能和逻辑。

一、算术运算符

算术运算符是用于执行基本数学运算的操作符，包括加、减、乘、除、取模等。下面是一些常用的算术运算符：

• 加法运算符（+）：用于将两个数相加，如：a + b。
• 减法运算符（-）：用于将两个数相减，如：a - b。
• 乘法运算符（_）：用于将两个数相乘，如：a _ b。
• 除法运算符（/）：用于将两个数相除，如：a / b。
• 取模运算符（%）：用于获取两个数相除的余数，如：a % b。

示例代码：

1. 加法运算符（+）：

let num1 = 5;
let num2 = 10;
let sum = num1 + num2;
console.log(sum); // 输出 15

2. 减法运算符（-）：

let num1 = 10;
let num2 = 5;
let difference = num1 - num2;
console.log(difference); // 输出 5

3. 乘法运算符（*）：

let num1 = 3;
let num2 = 4;
let product = num1 * num2;
console.log(product); // 输出 12

4. 除法运算符（/）：

let num1 = 10;
let num2 = 2;
let quotient = num1 / num2;
console.log(quotient); // 输出 5

5. 取模运算符（%）：

let num1 = 10;
let num2 = 3;
let remainder = num1 % num2;
console.log(remainder); // 输出 1

这些示例代码演示了 JavaScript 中的一些基本算术运算符的用法。你可以根据需要进行进一步的组合和操作。

二、比较运算符

比较运算符用于比较两个值之间的关系，如果关系成立，返回true，否则返回false。下面是一些常用的比较运算符：

• 相等运算符（==）：用于比较两个值是否相等，如：a == b。
• 不相等运算符（!=）：用于比较两个值是否不相等，如：a != b。
• 严格相等运算符（===）：用于比较两个值是否严格相等，即类型和值都相等，如：a === b。
• 严格不相等运算符（!）：用于比较两个值是否严格不相等，即类型和值都不相等，如：a ! b。
• 大于运算符（>）：用于比较两个值的大小关系，如：a > b。
• 小于运算符（<）：用于比较两个值的大小关系，如：a < b。
• 大于等于运算符（>=）：用于比较两个值的大小关系，如：a >= b。
• 小于等于运算符（<=）：用于比较两个值的大小关系，如：a <= b。

示例代码：

1. 相等运算符（==）：

let num1 = 5;
let num2 = 10;
console.log(num1 == num2); // 输出 false

2. 不相等运算符（!=）：

let num1 = 5;
let num2 = 10;
console.log(num1 != num2); // 输出 true

3. 全等运算符（===）：

let num1 = 5;
let num2 = "5";
console.log(num1 === num2); // 输出 false

4. 不全等运算符（!==）：

let num1 = 5;
let num2 = "5";
console.log(num1 !== num2); // 输出 true

5. 大于运算符（>）：

let num1 = 5;
let num2 = 10;
console.log(num1 > num2); // 输出 false

6. 小于运算符（<）：

let num1 = 5;
let num2 = 10;
console.log(num1 < num2); // 输出 true

7. 大于等于运算符（>=）：

let num1 = 5;
let num2 = 5;
console.log(num1 >= num2); // 输出 true

8. 小于等于运算符（<=）：

let num1 = 5;
let num2 = 10;
console.log(num1 <= num2); // 输出 true

这些示例代码演示了 JavaScript 中的一些常见比较运算符的用法。你可以根据需要进行进一步的条件判断和逻辑操作。

三、逻辑运算符

逻辑运算符用于执行逻辑操作，包括与、或、非等。下面是一些常用的逻辑运算符：

• 逻辑与运算符（&&）：用于判断两个条件是否同时成立，如：a && b。
• 逻辑或运算符（||）：用于判断两个条件是否有一个成立，如：a || b。
• 逻辑非运算符（!）：用于取反一个条件的值，如：!a。

示例代码：

1. 与运算符（&&）：

let num1 = 5;
let num2 = 10;
let num3 = 15;
console.log(num1 < num2 && num2 < num3); // 输出 true

2. 或运算符（||）：

let num1 = 5;
let num2 = 10;
let num3 = 15;
console.log(num1 > num2 || num2 < num3); // 输出 true

3. 非运算符（!）：

let num1 = 5;
let num2 = 10;
console.log(!(num1 > num2)); // 输出 true

这些示例代码演示了 JavaScript 中的一些常见逻辑运算符的用法。与运算符（&&）用于判断多个条件是否同时满足，或运算符（||）用于判断多个条件中是否至少有一个满足，非运算符（!）用于取反条件的结果。你可以根据需要进行进一步的逻辑判断和条件组合。

四、赋值运算符

赋值运算符用于给变量赋值，包括简单赋值、加等于、减等于、乘等于、除等于、取模等于等。下面是一些常用的赋值运算符：

• 简单赋值运算符（=）：用于将一个值赋给变量，如：a = 10。
• 加等于运算符（+=）：用于将一个值加到变量上，如：a += 10。
• 减等于运算符（-=）：用于将一个值减去变量上，如：a -= 10。
• 乘等于运算符（_=）：用于将一个值乘到变量上，如：a _= 10。
• 除等于运算符（/=）：用于将一个值除到变量上，如：a /= 10。
• 取模等于运算符（%=）：用于将一个值取模到变量上，如：a %= 10。

示例代码：

1. 简单赋值运算符（=）：

let num = 5;
console.log(num); // 输出 5

2. 加法赋值运算符（+=）：

let num = 5;
num += 3;
console.log(num); // 输出 8

3. 减法赋值运算符（-=）：

let num = 10;
num -= 2;
console.log(num); // 输出 8

4. 乘法赋值运算符（*=）：

let num = 3;
num *= 4;
console.log(num); // 输出 12

5. 除法赋值运算符（/=）：

let num = 10;
num /= 2;
console.log(num); // 输出 5

6. 取模赋值运算符（%=）：

let num = 10;
num %= 3;
console.log(num); // 输出 1

7. 指数赋值运算符（**=）：

let num = 2;
num **= 3;
console.log(num); // 输出 8

这些示例代码演示了 JavaScript 中的一些常见赋值运算符的用法。你可以使用赋值运算符将一个值赋给变量并进行相应的操作和更新。

五、位运算符

位运算符用于对二进制数进行操作，包括按位与、按位或、按位异或、按位非等。下面是一些常用的位运算符：

• 按位与运算符（&）：用于将两个数进行按位与操作，如：a & b。
• 按位或运算符（|）：用于将两个数进行按位或操作，如：a | b。
• 按位异或运算符（^）：用于将两个数进行按位异或操作，如：a ^ b。
• 按位非运算符（）：用于将一个数进行按位取反操作，如：a。
• 左移运算符（<<）：用于将一个数向左移动指定的位数，如：a << b。
• 右移运算符（>>）：用于将一个数向右移动指定的位数，如：a >> b。
• 无符号右移运算符（>>>）：用于将一个数向右移动指定的位数，但不保留符号位，如：a >>> b。

示例代码：

1. 按位与运算符（&）：

let num1 = 5; // 二进制表示为 0101
let num2 = 3; // 二进制表示为 0011
let result = num1 & num2; // 按位与运算结果为 0001（十进制为 1）
console.log(result); // 输出 1

2. 按位或运算符（|）：

let num1 = 5; // 二进制表示为 0101
let num2 = 3; // 二进制表示为 0011
let result = num1 | num2; // 按位或运算结果为 0111（十进制为 7）
console.log(result); // 输出 7

3. 按位异或运算符（^）：

let num1 = 5; // 二进制表示为 0101
let num2 = 3; // 二进制表示为 0011
let result = num1 ^ num2; // 按位异或运算结果为 0110（十进制为 6）
console.log(result); // 输出 6

4. 按位非运算符（~）：

let num = 5; // 二进制表示为 0000 0000 0000 0000 0000 0000 0000 0101
let result = ~num; // 按位非运算结果为 1111 1111 1111 1111 1111 1111 1111 1010（十进制为 -6）
console.log(result); // 输出 -6

5. 左移运算符（<<）：

let num = 5; // 二进制表示为 0000 0000 0000 0000 0000 0000 0000 0101
let result = num << 2; // 左移两位的结果为 0000 0000 0000 0000 0000 0000 0001 0100（十进制为 20）
console.log(result); // 输出 20

6. 右移运算符（>>）：

let num = 10; // 二进制表示为 0000 0000 0000 0000 0000 0000 0000 1010
let result = num >> 2; // 右移两位的结果为 0000 0000 0000 0000 0000 0000 0000 0010（十进制为 2）
console.log(result); // 输出 2

这些示例代码演示了 JavaScript 中的一些常见位运算符的用法。你可以根据需要进行位运算来操作和处理二进制数据。

六、总结

JS运算符总结如下：

1. 算术运算符：

• 加法：+
• 减法：-
• 乘法：*
• 除法：/
• 求余：%
• 自增：++
• 自减：–

2. 赋值运算符：

• 简单赋值：=
• 加法赋值：+=
• 减法赋值：-=
• 乘法赋值：*=
• 除法赋值：/=
• 求余赋值：%=
• 左移赋值：<<=
• 右移赋值：>>=
• 无符号右移赋值：>>>=
• 按位与赋值：&=
• 按位或赋值：|=
• 按位异或赋值：^=

3. 比较运算符：

• 相等：==
• 不相等：!=
• 全等：===
• 不全等：!==
• 大于：>
• 小于：<
• 大于等于：>=
• 小于等于：<=

4. 逻辑运算符：

• 逻辑与：&&
• 逻辑或：||
• 逻辑非：!

5. 条件运算符：

• 条件表达式 ? 结果1 : 结果2

6. 位运算符：

• 按位与：&
• 按位或：|
• 按位异或：^
• 按位非：~
• 左移：<<
• 右移：>>
• 无符号右移：>>>

7. 字符串运算符：

• 字符串拼接：+

8. 类型运算符：

• 获取变量类型：typeof
• 判断实例类型：instanceof

9. 其他运算符：

• 三元运算符：条件表达式 ? 结果1 : 结果2
• 逗号运算符：用于在表达式中分隔多个表达式，返回最后一个表达式的值

这些运算符可以用于执行各种操作，实现不同的功能和逻辑。了解和熟悉这些运算符是编写JS代码的基础。

本文介绍了JS运算符的使用方法及代码实例，包括算术运算符、比较运算符、逻辑运算符、赋值运算符和位运算符。希望本文能够帮助大家更好地掌握JS运算符的使用方法，提高编程效率。