【Java 进阶篇】JavaScript二元运算符详解

2023-10-19 17:38:18 浏览数 (1)

JavaScript是一门多用途的编程语言,它支持各种运算符,包括二元运算符。二元运算符用于执行两个操作数之间的操作,这两个操作数通常是变量、值或表达式。在本篇博客中,我们将详细探讨JavaScript的二元运算符,包括它们的种类、用法以及示例。

什么是二元运算符?

在JavaScript中,二元运算符是一种需要两个操作数的运算符。操作数可以是变量、值或表达式,它们之间的操作由运算符决定。JavaScript中有许多不同的二元运算符,涵盖了各种数学、逻辑和比较操作。

算术运算符

算术运算符用于执行数学运算,包括加法、减法、乘法、除法和取模等操作。以下是JavaScript中常见的算术运算符:

  • 加法( ):用于将两个数相加。
代码语言:javascript复制
let sum = 5   3; // sum 的值是 8
  • 减法(-):用于将一个数减去另一个数。
代码语言:javascript复制
let difference = 10 - 4; // difference 的值是 6
  • 乘法(*):用于将两个数相乘。
代码语言:javascript复制
let product = 6 * 7; // product 的值是 42
  • 除法(/):用于将一个数除以另一个数。
代码语言:javascript复制
let quotient = 20 / 4; // quotient 的值是 5
  • 取模(%):用于获取一个数除以另一个数的余数。
代码语言:javascript复制
let remainder = 10 % 3; // remainder 的值是 1
  • 自增( ):用于将一个变量的值增加1。
代码语言:javascript复制
let x = 5;
x  ; // 等同于 x = x   1;
// 现在 x 的值是 6
  • 自减(–):用于将一个变量的值减少1。
代码语言:javascript复制
let y = 8;
y--; // 等同于 y = y - 1;
// 现在 y 的值是 7

赋值运算符

赋值运算符用于将右侧的值分配给左侧的变量。JavaScript中的常见赋值运算符包括:

  • 赋值(=):将右侧的值赋给左侧的变量。
代码语言:javascript复制
let a = 10;
  • 加法赋值( =):将右侧的值与左侧的变量相加,并将结果赋给左侧的变量。
代码语言:javascript复制
let b = 5;
b  = 3; // 等同于 b = b   3;
// 现在 b 的值是 8
  • 减法赋值(-=):将右侧的值从左侧的变量中减去,并将结果赋给左侧的变量。
代码语言:javascript复制
let c = 7;
c -= 2; // 等同于 c = c - 2;
// 现在 c 的值是 5
  • 乘法赋值(*=):将右侧的值与左侧的变量相乘,并将结果赋给左侧的变量。
代码语言:javascript复制
let d = 4;
d *= 6; // 等同于 d = d * 6;
// 现在 d 的值是 24
  • 除法赋值(/=):将左侧的变量除以右侧的值,并将结果赋给左侧的变量。
代码语言:javascript复制
let e = 30;
e /= 3; // 等同于 e = e / 3;
// 现在 e 的值是 10
  • 取模赋值(%=):将左侧的变量除以右侧的值的余数,并将结果赋给左侧的变量。
代码语言:javascript复制
let f = 13;
f %= 5; // 等同于 f= f % 5;
// 现在 f 的值是 3

比较运算符

比较运算符用于比较两个值,并返回一个布尔值(true或false)。以下是JavaScript中常见的比较运算符:

  • 相等(==):用于检查两个值是否相等。如果值相等,则返回true,否则返回false。
代码语言:javascript复制
let isEqual = 5 == 5; // isEqual 的值是 true
  • 不相等(!=):用于检查两个值是否不相等。如果值不相等,则返回true,否则返回false。
代码语言:javascript复制
let isNotEqual = 3 != 8; // isNotEqual 的值是 true
  • 全等(===):用于检查两个值是否全等,包括值和数据类型。如果值和数据类型都相等,则返回true,否则返回false。
代码语言:javascript复制
let isStrictEqual = 5 === "5"; // isStrictEqual 的值是 false
  • 不全等(!==):用于检查两个值是否不全等。如果值或数据类型不相等,则返回true,否则返回false。
代码语言:javascript复制
let isNotStrictEqual = 10 !== "10"; // isNotStrictEqual 的值是 true
  • 大于(>):用于检查一个值是否大于另一个值。如果第一个值大于第二个值,则返回true,否则返回false。
代码语言:javascript复制
let isGreaterThan = 15 > 8; // isGreaterThan 的值是 true
  • 小于(<):用于检查一个值是否小于另一个值。如果第一个值小于第二个值,则返回true,否则返回false。
代码语言:javascript复制
let isLessThan = 3 < 7; // isLessThan 的值是 true
  • 大于或等于(>=):用于检查一个值是否大于或等于另一个值。如果第一个值大于或等于第二个值,则返回true,否则返回false。
代码语言:javascript复制
let isGreaterOrEqual = 20 >= 20; // isGreaterOrEqual 的值是 true
  • 小于或等于(<=):用于检查一个值是否小于或等于另一个值。如果第一个值小于或等于第二个值,则返回true,否则返回false。
代码语言:javascript复制
let isLessOrEqual = 5 <= 4; // isLessOrEqual 的值是 false

逻辑运算符

逻辑运算符用于执行逻辑操作,通常用于布尔值。以下是JavaScript中常见的逻辑运算符:

  • 逻辑与(&&):用于同时检查两个条件是否都为true。如果两个条件都为true,则返回true,否则返回false。
代码语言:javascript复制
let isBothTrue = true && true; // isBothTrue 的值是 true
  • 逻辑或(||):用于检查两个条件中是否至少有一个为true。如果至少有一个条件为true,则返回true,否则返回false。
代码语言:javascript复制
let isEitherTrue = true || false; // isEitherTrue 的值是 true
  • 逻辑非(!):用于反转条件的值。如果条件为true,则返回false;如果条件为false,则返回true。
代码语言:javascript复制
let isNotTrue = !true; // isNotTrue 的值是 false

位运算符

位运算符用于操作变量的二进制位。它们通常用于处理数字的底层二进制表示。以下是JavaScript中常见的位运算符:

  • 按位与(&):用于将两个数的二进制位进行按位与操作。
代码语言:javascript复制
let bitwiseAnd = 5 & 3; // bitwiseAnd 的值是 1
  • 按位或(|):用于将两个数的二进制位进行按位或操作。
代码语言:javascript复制
let bitwiseOr = 5 | 3; // bitwiseOr 的值是 7
  • 按位异或(^):用于将两个数的二进制位进行按位异或操作。
代码语言:javascript复制
let bitwiseXor = 5 ^ 3; // bitwiseXor 的值是 6
  • 按位非(~):用于将一个数的二进制位进行按位非操作,将0变为1,将1变为0。
代码语言:javascript复制
let bitwiseNot = ~5; // bitwiseNot 的值是 -6
  • 左移(<<):用于将一个数的二进制位向左移动指定数量的位数。
代码语言:javascript复制
let leftShift = 4 << 2; // leftShift 的值是 16
  • 右移(>>):用于将一个数的二进制位向右移动指定数量的位数。
代码语言:javascript复制
let rightShift = 16 >> 2; // rightShift 的值是 4
  • 无符号右移(>>>):用于将一个数的二进制位向右移动指定数量的位数,但不保留符号位。
代码语言:javascript复制
let unsignedRightShift = -1 >>> 1; // unsignedRightShift 的值是 2147483647

条件运算符

条件运算符(也称为三元运算符)用于根据条件的结果选择不同的值。它的语法是 condition ? expr1 : expr2,其中 condition 是一个条件表达式,如果条件为true,则返回 expr1 的值,否则返回 expr2 的值。

代码语言:javascript复制
let age = 20;
let message = age >= 18 ? "成年人" : "未成年人";
// message 的值是 "成年人"

运算符的优先级

在JavaScript中,不同类型的运算符有不同的优先级。如果表达式中有多个运算符,它们将按照一定的顺序执行。以下是一些常见运算符的优先级,从高到低:

  1. 小括号 ():用于分组表达式,具有最高优先级。
  2. 递增/递减运算符 --:紧随括号后,具有高优先级。
  3. 一元运算符 -!~:紧随递增/递减运算符,具有高优先级。
  4. 乘法、除法、取模 */%:从左到右具有中等优先级。
  5. 加法和减法 -:从左到右具有较低优先级。
  6. 位移运算符 <<>>>>>:从左到右具有较低优先级。
  7. 按位与 &:从左到右具有较低优先级。
  8. 按位异或 ^:从左到右具有较低优先级。
  9. 按位或 |:从左到右具有较低优先级。
  10. 比较运算符 <><=>=:从左到右具有较低优先级。
  11. 相等运算符 ==!====!==:从左到右具有较低优先级。
  12. 逻辑与 &&:从左到右具有较低优先级。
  13. 逻辑或 ||:从左到右具有较低优先级。
  14. 三元条件运算符 ? ::从右到左具有较低优先级。
  15. 赋值运算符 = =-= 等:从右到左具有最低优先级。

示例代码

下面是一些示例代码,演示了JavaScript中二元运算符的用法:

代码语言:javascript复制
// 算术运算符示例
let addition = 5   3; // 8
let subtraction = 10 - 4; // 6
let multiplication = 6 * 7; // 42
let division = 20 / 4; // 5
let modulus = 10 % 3; // 1
let increment = 5;
increment  ; // 6
let decrement = 8;
decrement--; // 7

// 赋值运算符示例
let assign = 10; // 10
assign  = 3; // 13
assign -= 2; // 11
assign *= 6; // 66
assign /= 3; // 22
assign %= 5; // 2

// 比较运算符
let isEqual = 5 == 5; // true
let isNotEqual = 3 != 8; // true
let isStrictEqual = 5 === "5"; // false
let isNotStrictEqual = 10 !== "10"; // true
let isGreaterThan = 15 > 8; // true
let isLessThan = 3 < 7; // true
let isGreaterOrEqual = 20 >= 20; // true
let isLessOrEqual = 5 <= 4; // false

// 逻辑运算符示例
let logicalAnd = true && true; // true
let logicalOr = true || false; // true
let logicalNot = !true; // false

// 位运算符示例
let bitwiseAnd = 5 & 3; // 1
let bitwiseOr = 5 | 3; // 7
let bitwiseXor = 5 ^ 3; // 6
let bitwiseNot = ~5; // -6
let leftShift = 4 << 2; // 16
let rightShift = 16 >> 2; // 4
let unsignedRightShift = -1 >>> 1; // 2147483647

// 条件运算符示例
let age = 20;
let message = age >= 18 ? "成年人" : "未成年人"; // "成年人"

结论

JavaScript的二元运算符是执行各种操作的重要工具。它们包括算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符和条件运算符。了解如何正确使用这些运算符对于编写有效的JavaScript代码至关重要。

希望这篇博客对您有所帮助,让您更好地理解JavaScript中的二元运算符以及它们的用法。如果您对JavaScript有更多疑问,可以继续学习更多关于这门强大编程语言的知识。

0 人点赞