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

天玄TX

已于 2023-10-28 13:45:10 修改

阅读量517

点赞数 1

分类专栏： JS 文章标签： javascript java 前端

于 2023-10-22 08:30:19 首次发布

本文链接：https://blog.csdn.net/TianXuab/article/details/133969202

版权

JS 专栏收录该内容

58 篇文章 3 订阅

订阅专栏

JS 运算符是什么

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

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

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

一、算术运算符

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

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

示例代码：

加法运算符（+）：

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

减法运算符（-）：

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

乘法运算符（*）：

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

除法运算符（/）：

let num1 = 10;
let num2 = 2;
let quotient = num1 / num2;
console.log(quotient); // 输出 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。

示例代码：

相等运算符（==）：

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

不相等运算符（!=）：

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

全等运算符（===）：

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

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

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

大于运算符（>）：

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

小于运算符（<）：

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

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

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

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

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

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

三、逻辑运算符

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

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

示例代码：

与运算符（&&）：

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

或运算符（||）：

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

非运算符（!）：

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

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

四、赋值运算符

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

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

示例代码：

简单赋值运算符（=）：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、位运算符

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

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

示例代码：

按位与运算符（&）：

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

按位或运算符（|）：

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

按位异或运算符（^）：

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

按位非运算符（~）：

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

左移运算符（<<）：

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

右移运算符（>>）：

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
位运算符：
- 按位与：&
- 按位或：|
- 按位异或：^
- 按位非：~
- 左移：<<
- 右移：>>
- 无符号右移：>>>
字符串运算符：
- 字符串拼接：+
类型运算符：
- 获取变量类型：typeof
- 判断实例类型：instanceof
其他运算符：
- 三元运算符：条件表达式 ? 结果1 : 结果2
- 逗号运算符：用于在表达式中分隔多个表达式，返回最后一个表达式的值