js中 怎么运算符

JavaScript中的运算符可以分为几类：算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符等。 其中，算术运算符是最常用的，包括加法、减法、乘法、除法和取余。赋值运算符用于给变量赋值，比较运算符用于比较两个值的大小，逻辑运算符用于逻辑判断，位运算符则用于二进制操作。下面将详细展开介绍算术运算符。

一、算术运算符

算术运算符用于执行数学计算，包括加法、减法、乘法、除法和取余。它们在JavaScript编程中是非常基本且常用的。

1. 加法（+）

加法运算符用于两个数相加，或者用于字符串连接。当两个操作数都是数值时，它们会被相加；当其中一个操作数是字符串时，另一个操作数将被转换为字符串，然后进行连接。

let a = 5;

let b = 10;
let sum = a + b; // 15
let str = "Hello" + " " + "World"; // "Hello World"

2. 减法（-）

减法运算符用于两个数相减。它只能用于数值操作。

let a = 10;

let b = 5;
let difference = a - b; // 5

3. 乘法（*）

乘法运算符用于两个数相乘。

let a = 5;

let b = 10;
let product = a * b; // 50

4. 除法（/）

除法运算符用于两个数相除。

let a = 10;

let b = 5;
let quotient = a / b; // 2

5. 取余（%）

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

let a = 10;

let b = 3;
let remainder = a % b; // 1

二、赋值运算符

赋值运算符用于给变量赋值，包括简单赋值、复合赋值等。

1. 简单赋值（=）

最常用的赋值运算符，用于将右边的值赋给左边的变量。

let a = 5;

2. 复合赋值（+=, -=, *=, /=, %=）

复合赋值运算符将赋值和相应的算术操作结合在一起。

let a = 5;

a += 10; // a = a + 10; 结果是15
a -= 5;  // a = a - 5; 结果是10
a *= 2;  // a = a * 2; 结果是20
a /= 2;  // a = a / 2; 结果是10
a %= 3;  // a = a % 3; 结果是1

三、比较运算符

比较运算符用于比较两个值的大小，返回布尔值（true或false）。

1. 等于（==）

等于运算符用于判断两个值是否相等，但不比较数据类型。

let a = 5;

let b = "5";
let isEqual = (a == b); // true

2. 全等（===）

全等运算符用于判断两个值和数据类型都相等。

let a = 5;

let b = "5";
let isStrictEqual = (a === b); // false

3. 不等于（!=）

不等于运算符用于判断两个值是否不相等，但不比较数据类型。

let a = 5;

let b = "5";
let isNotEqual = (a != b); // false

4. 不全等（!==）

不全等运算符用于判断两个值和数据类型都不相等。

let a = 5;

let b = "5";
let isStrictNotEqual = (a !== b); // true

5. 大于（>）, 小于（<）, 大于等于（>=）, 小于等于（<=）

用于比较两个值的大小。

let a = 5;

let b = 10;
let isGreaterThan = (a > b);  // false
let isLessThan = (a < b);     // true
let isGreaterOrEqual = (a >= b); // false
let isLessOrEqual = (a <= b);    // true

四、逻辑运算符

逻辑运算符用于逻辑判断，返回布尔值。

1. 与（&&）

与运算符用于判断两个表达式是否都为真。

let a = true;

let b = false;
let result = (a && b); // false

2. 或（||）

或运算符用于判断两个表达式是否至少有一个为真。

let a = true;

let b = false;
let result = (a || b); // true

3. 非（!）

非运算符用于取反。

let a = true;

let result = !a; // false

五、位运算符

位运算符用于二进制操作。

1. 与（&）

按位与运算符对两个数的每一位执行与操作。

let a = 5; // 0101

let b = 3; // 0011
let result = a & b; // 0001 -> 1

2. 或（|）

按位或运算符对两个数的每一位执行或操作。

let a = 5; // 0101

let b = 3; // 0011
let result = a | b; // 0111 -> 7

3. 异或（^）

按位异或运算符对两个数的每一位执行异或操作。

let a = 5; // 0101

let b = 3; // 0011
let result = a ^ b; // 0110 -> 6

4. 非（~）

按位非运算符对一个数的每一位执行取反操作。

let a = 5; // 0101

let result = ~a; // 1010 -> -6 (注意：取反后还要加1并取负数)

5. 左移（<<）

左移运算符将一个数的二进制位左移指定的位数。

let a = 5; // 0101

let result = a << 1; // 1010 -> 10

6. 右移（>>）

右移运算符将一个数的二进制位右移指定的位数。

let a = 5; // 0101

let result = a >> 1; // 0010 -> 2

7. 无符号右移（>>>）

无符号右移运算符将一个数的二进制位右移指定的位数，并用零填充左侧空位。

let a = -5; 

let result = a >>> 1; // 2147483645

六、三元运算符

三元运算符是一种简洁的条件运算符，格式为 condition ? expr1 : expr2。如果条件为真，返回expr1，否则返回expr2。

let a = 5;

let b = 10;
let result = (a > b) ? "a is greater" : "b is greater"; // "b is greater"

七、运算符优先级

在复杂表达式中，运算符的优先级决定了它们的计算顺序。一般来说，算术运算符的优先级高于比较运算符，而比较运算符的优先级高于逻辑运算符。

let result = 5 + 10 * 2; // 25，而不是30，因为乘法优先级高于加法

八、操作顺序

在同级运算符中，操作顺序（即结合性）决定了从左到右还是从右到左进行计算。大多数运算符是从左到右结合的，但赋值运算符是从右到左结合的。

let a = 5;

let b = 10;
let c = 15;
let result = a + b * c; // 155，而不是225，因为乘法优先级高于加法

九、常见错误和注意事项

在使用运算符时，常见的错误包括：

1. 忘记括号：在复杂表达式中，忘记使用括号来明确运算顺序。
2. 混淆相等运算符：混淆==和===，导致类型转换问题。
3. 除零错误：除数为零时，JavaScript返回Infinity或-Infinity，需要特别注意。
4. 字符串与数值混合运算：字符串与数值混合运算时，可能会导致意外的字符串连接。

let a = "5";

let b = 10;
let result = a + b; // "510"，而不是15，因为字符串连接优先

十、实际应用中的运算符优化

在实际应用中，合理使用运算符可以优化代码性能。例如：

1. 简化表达式：使用复合赋值运算符简化代码。
2. 减少冗余计算：避免重复计算相同的表达式。
3. 短路运算：利用逻辑运算符的短路特性优化条件判断。

let a = 5;

let b = 10;
let c = a > b && b < 15; // 短路运算，当a > b为假时，b < 15不会被计算

综上所述，运算符是JavaScript编程的基础，通过深入理解和合理使用各种运算符，可以编写出高效、简洁的代码。

相关问答FAQs：

1. 在JavaScript中，如何使用运算符进行数值计算？

JavaScript中有各种运算符可用于数值计算。您可以使用加法运算符（+）进行两个数值的相加，减法运算符（-）进行两个数值的相减，乘法运算符（*）进行两个数值的相乘，除法运算符（/）进行两个数值的相除，以及取余运算符（%）获取两个数值之间的余数。

2. 如何在JavaScript中使用比较运算符进行数值比较？

JavaScript中的比较运算符可用于比较两个数值之间的关系。例如，您可以使用等于运算符（==）来判断两个数值是否相等，使用不等于运算符（!=）来判断两个数值是否不相等，使用大于运算符（>）来判断一个数值是否大于另一个数值，使用小于运算符（<）来判断一个数值是否小于另一个数值，以及使用大于等于运算符（>=）和小于等于运算符（<=）来判断一个数值是否大于等于或小于等于另一个数值。

3. 在JavaScript中，如何使用逻辑运算符进行逻辑判断？

逻辑运算符可用于在JavaScript中进行逻辑判断。例如，您可以使用逻辑与运算符（&&）来判断两个条件是否同时满足，使用逻辑或运算符（||）来判断两个条件是否至少满足一个，使用逻辑非运算符（!）来取反一个条件的结果。这些逻辑运算符可以帮助您在编写JavaScript代码时进行复杂的逻辑判断，从而实现更强大的功能。