在JavaScript中，运算符广泛用于执行算术运算、赋值、比较、逻辑以及更多的操作。常见的运算符包括：算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符、字符串运算符、以及条件（三元）运算符等。 在本文中，我们将详细介绍这些运算符的使用方法和实际应用。
一、算术运算符
算术运算符用于执行基本的数学运算。这些运算符包括：加法（+）、减法（-）、乘法（*）、除法（/）、取余（%）、递增（++）、递减（–）。
1、加法（+）
加法运算符用于两个操作数相加。如果操作数是字符串，它将执行字符串连接操作。
let a = 5;
let b = 10;
let c = a + b; // c 将等于 15
let str1 = "Hello";
let str2 = "World";
let str3 = str1 + " " + str2; // str3 将等于 "Hello World"
2、减法（-）
减法运算符用于从第一个操作数中减去第二个操作数。
let a = 10;
let b = 5;
let c = a - b; // c 将等于 5
3、乘法（*）
乘法运算符用于两个操作数相乘。
let a = 5;
let b = 10;
let c = a * b; // c 将等于 50
4、除法（/）
除法运算符用于第一个操作数除以第二个操作数。
let a = 10;
let b = 5;
let c = a / b; // c 将等于 2
5、取余（%）
取余运算符用于第一个操作数除以第二个操作数后的余数。
let a = 10;
let b = 3;
let c = a % b; // c 将等于 1
6、递增（++）
递增运算符用于将操作数增加 1。它有两种形式：前置递增和后置递增。
let a = 5;
let b = ++a; // 前置递增，a 和 b 都将等于 6
let c = 5;
let d = c++; // 后置递增，d 将等于 5，而 c 将等于 6
7、递减（–）
递减运算符用于将操作数减少 1。它有两种形式：前置递减和后置递减。
let a = 5;
let b = --a; // 前置递减，a 和 b 都将等于 4
let c = 5;
let d = c--; // 后置递减，d 将等于 5，而 c 将等于 4
二、赋值运算符
赋值运算符用于将值赋给变量。最常见的赋值运算符是等号（=）。此外，还有复合赋值运算符，如加赋值（+=）、减赋值（-=）、乘赋值（*=）、除赋值（/=）、取余赋值（%=）。
1、等号（=）
等号运算符用于将右侧的值赋给左侧的变量。
let a = 10;
2、加赋值（+=）
加赋值运算符用于将右侧的值加到左侧的变量上，并将结果赋给左侧的变量。
let a = 10;
a += 5; // a 将等于 15
3、减赋值（-=）
减赋值运算符用于将右侧的值从左侧的变量中减去，并将结果赋给左侧的变量。
let a = 10;
a -= 5; // a 将等于 5
4、乘赋值（*=）
乘赋值运算符用于将右侧的值与左侧的变量相乘，并将结果赋给左侧的变量。
let a = 10;
a *= 2; // a 将等于 20
5、除赋值（/=）
除赋值运算符用于将左侧的变量除以右侧的值，并将结果赋给左侧的变量。
let a = 10;
a /= 2; // a 将等于 5
6、取余赋值（%=）
取余赋值运算符用于将左侧的变量取余右侧的值，并将结果赋给左侧的变量。
let a = 10;
a %= 3; // a 将等于 1
三、比较运算符
比较运算符用于比较两个值，并返回布尔值（true 或 false）。这些运算符包括：等于（==）、严格等于（===）、不等于（!=）、严格不等于（!==）、大于（>）、小于（<）、大于等于（>=）、小于等于（<=）。
1、等于（==）
等于运算符用于比较两个值是否相等，不考虑类型。
let a = 5;
let b = "5";
console.log(a == b); // true
2、严格等于（===）
严格等于运算符用于比较两个值是否严格相等，考虑类型。
let a = 5;
let b = "5";
console.log(a === b); // false
3、不等于（!=）
不等于运算符用于比较两个值是否不相等，不考虑类型。
let a = 5;
let b = "6";
console.log(a != b); // true
4、严格不等于（!==）
严格不等于运算符用于比较两个值是否严格不相等，考虑类型。
let a = 5;
let b = "5";
console.log(a !== b); // true
5、大于（>）
大于运算符用于比较第一个值是否大于第二个值。
let a = 10;
let b = 5;
console.log(a > b); // true
6、小于（<）
小于运算符用于比较第一个值是否小于第二个值。
let a = 5;
let b = 10;
console.log(a < b); // true
7、大于等于（>=）
大于等于运算符用于比较第一个值是否大于或等于第二个值。
let a = 10;
let b = 10;
console.log(a >= b); // true
8、小于等于（<=）
小于等于运算符用于比较第一个值是否小于或等于第二个值。
let a = 5;
let b = 10;
console.log(a <= b); // true
四、逻辑运算符
逻辑运算符用于执行逻辑操作，并返回布尔值。常见的逻辑运算符包括：逻辑与（&&）、逻辑或（||）、逻辑非（!）。
1、逻辑与（&&）
逻辑与运算符用于判断两个表达式是否都为 true。
let a = true;
let b = false;
console.log(a && b); // false
2、逻辑或（||）
逻辑或运算符用于判断至少一个表达式是否为 true。
let a = true;
let b = false;
console.log(a || b); // true
3、逻辑非（!）
逻辑非运算符用于反转布尔值。
let a = true;
console.log(!a); // false
五、位运算符
位运算符用于对数字的二进制表示进行操作。常见的位运算符包括：按位与（&）、按位或（|）、按位异或（^）、按位非（~）、左移（<<）、右移（>>）、无符号右移（>>>）。
1、按位与（&）
按位与运算符用于对两个数字的每一位执行与操作。
let a = 5; // 二进制：0101
let b = 3; // 二进制：0011
let c = a & b; // 二进制：0001，结果：1
2、按位或（|）
按位或运算符用于对两个数字的每一位执行或操作。
let a = 5; // 二进制：0101
let b = 3; // 二进制：0011
let c = a | b; // 二进制：0111，结果：7
3、按位异或（^）
按位异或运算符用于对两个数字的每一位执行异或操作。
let a = 5; // 二进制：0101
let b = 3; // 二进制：0011
let c = a ^ b; // 二进制：0110，结果：6
4、按位非（~）
按位非运算符用于对数字的每一位执行取反操作。
let a = 5; // 二进制：0101
let b = ~a; // 二进制：1010，结果：-6
5、左移（<<）
左移运算符用于将数字的二进制表示向左移动指定的位数。
let a = 5; // 二进制：0101
let b = a << 1; // 二进制：1010，结果：10
6、右移（>>）
右移运算符用于将数字的二进制表示向右移动指定的位数。
let a = 5; // 二进制：0101
let b = a >> 1; // 二进制：0010，结果：2
7、无符号右移（>>>）
无符号右移运算符用于将数字的二进制表示向右移动指定的位数，并用零填充左侧。
let a = -5; // 二进制：11111111111111111111111111111011
let b = a >>> 1; // 二进制：01111111111111111111111111111101，结果：2147483645
六、字符串运算符
字符串运算符主要用于字符串的连接操作。加法运算符（+）是最常用的字符串运算符。
1、字符串连接（+）
加法运算符用于连接两个字符串。
let str1 = "Hello";
let str2 = "World";
let str3 = str1 + " " + str2; // str3 将等于 "Hello World"
2、字符串连接（+=）
加赋值运算符也可以用于连接字符串。
let str1 = "Hello";
str1 += " World"; // str1 将等于 "Hello World"
七、条件（三元）运算符
条件运算符用于根据条件表达式的结果返回一个值。它是唯一一个有三个操作数的运算符。
1、条件运算符（?:）
条件运算符根据条件表达式的结果返回不同的值。
let a = 5;
let b = 10;
let max = (a > b) ? a : b; // max 将等于 10
八、其他运算符
除了上述常见的运算符外，JavaScript 还有一些其他的运算符，如 typeof、instanceof、in、delete、新运算符等。
1、typeof 运算符
typeof 运算符用于返回一个变量的数据类型。
let a = 5;
console.log(typeof a); // "number"
2、instanceof 运算符
instanceof 运算符用于检测对象是否是某个构造函数的实例。
let arr = [1, 2, 3];
console.log(arr instanceof Array); // true
3、in 运算符
in 运算符用于检测对象是否包含某个属性。
let obj = { name: "John", age: 30 };
console.log("name" in obj); // true
4、delete 运算符
delete 运算符用于删除对象的属性。
let obj = { name: "John", age: 30 };
delete obj.age;
console.log(obj); // { name: "John" }
5、新运算符（new）
new 运算符用于创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一的实例。
function Person(name, age) {
this.name = name;
this.age = age;
}
let john = new Person("John", 30);
console.log(john.name); // "John"
6、点运算符（.）
点运算符用于访问对象的属性和方法。
let obj = { name: "John", age: 30 };
console.log(obj.name); // "John"
7、方括号运算符（[]）
方括号运算符用于访问对象的属性和数组的元素。
let arr = [1, 2, 3];
console.log(arr[0]); // 1
let obj = { name: "John", age: 30 };
console.log(obj["name"]); // "John"
结论
JavaScript 提供了丰富的运算符，用于执行各种操作。熟练掌握这些运算符的使用方法，可以帮助我们更高效地编写 JavaScript 代码。无论是进行基本的算术运算、逻辑判断，还是处理字符串、位运算，理解和运用这些运算符都是必不可少的技能。在实际开发中，我们还可以结合项目管理系统，如研发项目管理系统PingCode和通用项目协作软件Worktile，来提高开发和协作效率。
相关问答FAQs：
1. 什么是 JavaScript 运算符？
JavaScript 运算符是用于执行各种计算和操作的符号或关键字。它们用于对变量、常量和表达式进行数学运算、逻辑运算和比较操作。
2. JavaScript 中有哪些常见的算术运算符？
JavaScript 中常见的算术运算符包括加法运算符（+）、减法运算符（-）、乘法运算符（*）、除法运算符（/）和求余运算符（%）。这些运算符用于执行基本的数学计算。
3. 如何使用 JavaScript 的比较运算符？
JavaScript 中的比较运算符用于比较两个值，并返回一个布尔值（true 或 false）。常见的比较运算符包括相等运算符（==）、不相等运算符（!=）、严格相等运算符（===）、严格不相等运算符（!==）、大于运算符（>）、小于运算符（<）、大于等于运算符（>=）和小于等于运算符（<=）。这些运算符可以用于判断条件是否成立，进行条件判断和逻辑判断等。
文章包含AI辅助创作，作者：Edit2，如若转载，请注明出处：https://docs.pingcode.com/baike/3605818
