JavaScript 运算符

2025年4月3日 | 阅读 7 分钟

在 JavaScript 中，运算符是作用于一个或多个操作数以产生结果的特殊符号或关键字。它在控制语言中的数据流和处理方面起着重要作用。

JavaScript 运算符的类型

JavaScript 支持多种运算符。例如：

算术运算符
赋值运算符
比较运算符
逻辑运算符
按位运算符
三元运算符
删除运算符
字符串运算符
typeof 运算符
instanceof 运算符
链式运算符
逗号运算符

1. 算术运算符

在 JavaScript 中，算术运算符用于执行加法、减法、乘法等数学计算。

运算符	描述	示例
+ (加法)	它将两个操作数相加。	10 + 2 // 12
- (减法)	用第一个数减去第二个数。	10 - 2 // 8
* (乘法)	它将两个操作数相乘。	5 * 2 // 10
/ (除法)	它将两个操作数相除。	10 / 2 // 5
% (求模)	它给出整数除法的余数。	5 % 2 // 1
++ (递增)	将整数值增加一。	3++ 或 ++3 //4
-- (递减)	将整数值减少一。	3-- 或 --3 //2

示例

const add = 3 + 3; //Addition
const sub = 4 - 1; //Subtraction
const a = 3 * 8; // Multiplication
const b = 4/2; //Division
console.log(add, sub, a, b);

立即执行

输出

6 3 24 2

说明

+ 运算符用于将两个数字相加。
- 运算符用于将两个数字相减。
* 运算符用于将两个数字相乘。
/ 运算符用于将两个数字相除。

2. 赋值运算符

JavaScript 中的赋值运算符用于将值赋给变量。赋值运算符可以在赋值之前执行加法或乘法等操作。

运算符	描述	示例
=	它将右操作数的值赋给左操作数。	a = b+ c
+= (加法赋值)	它将右操作数加到左操作数上，并将结果赋给左操作数。	a += b // a = a + b
-= (减法赋值)	此运算符从左操作数中减去右操作数，并将结果赋给左操作数。	a -= b // a = a - b
*= (乘法赋值)	此运算符将左操作数乘以右操作数，并将结果赋给左操作数。	a = b // a = a b
/= (除法赋值)	此运算符将左操作数除以右操作数，并将结果赋给左操作数。	a /= b // a = a / b
% = (取模赋值)	此运算符使用两个操作数取模，并将结果赋给左操作数。	a %= b // a= a% b

示例

let a = 20;
a += 2;
a *= 3;
console.log(a);

立即执行

输出

说明

= 运算符将值赋给变量。
+= 运算符执行加法并将结果赋给变量。
*= 运算符执行乘法并将结果赋给变量。

3. 比较运算符

比较运算符用于比较两个值并返回布尔值（true 或 false）。比较运算符对于在条件语句中做出决策很有用。

运算符	描述	示例
== (等于)	此运算符检查两个操作数的值是否相等。	2 == 2 结果为 true。
!= (不等于)	此运算符用于检查两个操作数是否不相等。	2 != 3 结果为 true。
> (大于)	它用于检查左侧的值是否大于右侧的值。	3 > 4 结果为 false。
< (小于)	它用于检查右侧的值是否大于左侧的值。	4 < 5 结果为 true。
>= (大于或等于)	此运算符检查左操作数的值是否大于或等于右操作数的值。	3 >= 3 结果为 true。
<= (小于或等于)	此运算符检查右操作数的值是否大于或等于左操作数的值。	3 <= 2 结果为 false。
=== (严格等于)	此运算符检查变量的值和数据类型是否相等。	2 === "2" 结果为 false。
!== (严格不等于)	此运算符用于比较两个操作数的值和类型是否不相等。	2 === "2" 结果为 true。

示例

let a = 3;
let b = 5;
let result = a < b;
console.log(result);

立即执行

输出

true

说明

它使用小于运算符 < 比较 a 和 b 的值。由于 3 小于 5，结果将为 true。

4. 逻辑运算符

在 JavaScript 中，逻辑运算符用于执行逻辑操作，以确定值之间的相等性或差异。

运算符	描述	示例
&& (逻辑与)	此运算符检查两个操作数是否都为非零；如果都为非零，则条件为 true。	(expression1 && expression2)
\|\| (逻辑或)	此运算符检查任何操作数是否为非零；如果有任何非零，则条件为 true。	(expression1 \|\| expression2)
! (逻辑非)	此运算符反转其操作数的逻辑状态。如果条件为 true，则逻辑非运算符将使其变为 false。	!expression

示例

const p = true, q = false;
console.log(p && q);
console.log(p || q);

立即执行

输出

false
true

说明

&& 运算符在两个操作数都为 true 时返回 true。
|| 运算符在至少一个操作数为 true 时返回 true。

5. 位运算符

在 JavaScript 中，位运算符用于对数字的二进制表示执行操作。换句话说，位运算符通过将整数转换为二进制形式来执行操作。

& 执行按位 AND。
| 执行按位 OR。
^ 执行按位 XOR。
~ 执行按位 NOT。

运算符	描述	示例
& (按位 AND)	& 运算符用于对其整数参数的每个位执行布尔 AND 操作。	5 & 3 //1
\| (按位 OR)	它比较两个操作数的对应位。如果任一位为 1，则结果位为 1；否则为 0。	5 \| 3 // 7
^ (按位 XOR)	如果位不同则返回 1，如果相同则返回 0。	5 ^ 3 //6
~ (按位 NOT)	它反转其操作数的所有位。它将每个 0 变为 1，将每个 1 变为 0。	~5 // -6
<< (左移)	它将数字的位向左移动指定的位数。	5 << 1 // 10
>> (右移)	它将数字的位向右移动指定的位数。	-10 >> 1 //-5
>> (零填充右移)	它将数字的位向右移动指定的位数，并用零填充左侧空出的位。	-10 >>> 1 //2147483643

示例

立即执行

输出

说明

如果我们将结果字符串 001 转换为十进制，我们将得到“1”作为输出。因此，“1” & “3” 的结果是 1。

6. 三元运算符

在 JavaScript 中，三元运算符使用三个操作数。它也称为条件运算符。

示例

const age = 10;
const status= age >= 18? "Adult": "Minor";
console.log(status);

立即执行

输出

Minor

说明

条件 ? 表达式1 : 表达式2 如果条件为 true，则计算表达式1。否则，计算表达式2。

7. 删除运算符

在 JavaScript 中，delete 运算符用于删除对象的属性。delete 运算符删除值和属性。一旦删除，除非重新添加，否则该属性无法使用。

delete 运算符只能用于对象的属性，不能用于变量或函数。

示例

const student = {
    rollNum: 27,
    Name: "James Bond",
    Grade: "A",
    Age:19
};
delete student.Age;
console.log(student);

立即执行

输出

{ rollNum: 27, Name: 'James Bond', Grade: 'A' }

8. 字符串运算符

在 JavaScript 中，字符串运算符接受两个字符串并将它们组合成一个字符串。字符串运算符是二元运算符，您需要在两个字符串操作数之间使用 + 符号将它们连接成一个字符串。

示例

str1 = "Tpoint";
str2 = "Tech";
result = str1 + str2;
console.log(result);

立即执行

输出

TpointTech

9. typeof 运算符

在 JavaScript 中，typeof 运算符是一种用于类型检查的运算符，它返回传递给它的操作数的数据类型。操作数可以是任何变量、函数或对象，您希望使用 typeof 运算符查找其类型。

示例

console.log(typeof "tpointech");
console.log(typeof 50);
console.log(typeof false);
console.log(typeof {});
console.log(typeof undefined);

立即执行

输出

string
number
boolean
object
undefined

10. instanceof 运算符

instanceof 运算符检查给定对象是否是指定对象的实例。如果是，则返回 true，否则返回 false。

示例

const n = [1, 2, 23, 4];
console.log(n instanceof Array);
console.log(n instanceof Object);
console.log(n instanceof Number);
console.log(n instanceof String);

立即执行

输出

true
true
false
false

11. 链式运算符

在 JavaScript 中，可选链式运算符允许安全地访问深层嵌套的属性，而无需在属性不存在时抛出错误。

示例

const obj = {name: "Rohit", address: {city: "Noida"}};
console.log(obj.address?.city);
console.log(obj.contact?. phone);

立即执行

输出

Noida
undefined

12. 逗号运算符

JavaScript 中的逗号运算符用于从左到右依次评估其操作数，并返回最右侧操作数的值。

示例

let a, b;
const result = (a = 10, b = 2, a + b);
console.log(result);

立即执行

输出

高级运算符用法

在 JavaScript 中，有一些您需要探索的运算符高级用法。例如：

运算符优先级： 在 JavaScript 中，您需要了解表达式中运算符的评估顺序。如果需要，您可以使用括号来控制顺序。

类型转换： 有时，JavaScript 在操作期间会隐式地将值从一种类型转换为另一种类型。这有时会导致意想不到的结果。

位运算符用于复杂操作： 在 JavaScript 中，位运算符对于低级位操作任务非常强大。

结论

总而言之，JavaScript 运算符有助于执行计算以操作数据和控制程序的流程。运算符是所有 JavaScript 程序构建的基础。

下一主题JavaScript 注释

JavaScript 运算符