JavaScript 运算符与操作符详解

"JavaScript常用运算符和操作符总结" JavaScript是一种广泛使用的编程语言，尤其在网页开发中不可或缺。本文将深入探讨JavaScript中的各种运算符和操作符，包括算术运算符、一元操作符、复合赋值运算以及逻辑运算符。 一、算术运算符 算术运算符用于执行基本的数学运算，如加、减、乘、除和取余。在JavaScript中，“+”运算符有双重功能：一是执行加法，二是连接字符串。例如： ```javascript var y = 5; console.log("5 + 5 = " + (5 + 5)); // 输出 "5 + 5 = 10" console.log("5 + '5' = " + (5 + "5")); // 输出 "5 + '5' = 55" ``` 取余运算符 `%` 用于计算两数相除后的余数，例如： ```javascript console.log("5 % 2 = " + (5 % 2)); // 输出 "5 % 2 = 1" ``` 二、一元操作符 一元操作符包括 `++` 和 `--`，它们可以放在变量前或后，改变变量的值。 - 前置 `++`/`--`：先增加或减少变量的值，然后使用新值。 - 后置 `++`/`--`：先使用变量的当前值，然后增加或减少。 例如： ```javascript var x = 1, y = 2; console.log("x++ = " + x++); // 输出 "x++ = 1"，x现在是2 console.log("y-- = " + y--); // 输出 "y-- = 2"，y现在是1 console.log("x + y = " + (x + y)); // 输出 "x + y = 3"，因为x是2，y是1 ``` 三、复合赋值运算 复合赋值运算符结合了赋值和算术运算，如 `+=`、`-=`、`*=`、`/=` 和 `%=`。它们简化了代码，例如： ```javascript var a = 10; a += 10; // 等同于 a = a + 10; a现在是20 ``` 四、逻辑运算符 逻辑运算符包括 `!`（非）、`&&`（与）和 `||`（或）。它们用于处理布尔值。 - `&&` 运算符遵循“短路逻辑”，如果左侧表达式为假，则不会评估右侧表达式。 - `||` 运算符同样有“短路逻辑”，如果左侧表达式为真，则不评估右侧表达式。 例如： ```javascript var x = false, y = true; console.log("x && y = " + (x && y)); // 输出 "x && y = false" console.log("x || y = " + (x || y)); // 输出 "x || y = true" ``` 关系运算符（如 `<`、`>`、`<=`、`>=`、`!=`、`!==`、`==`、`===`）用于比较两个值，而赋值操作符（如 `=` 和 复合赋值运算符）用于给变量赋值。 总结，理解并熟练运用这些运算符是编写高效JavaScript代码的基础。通过掌握这些基础知识，开发者能够更好地控制程序的逻辑和数据处理。