13 JavaScript学习：运算符

JavaScript 运算符

JavaScript 中有多种类型的运算符，包括以下几类：

1. 算术运算符：用于执行基本的数学运算，如加法（+）、减法（-）、乘法（*）、除法（/）和求余（%）。
2. 赋值运算符：用于给变量赋值，如等号（=）、加等（+=）、减等（-=）等。
3. 比较运算符：用于比较两个值，返回布尔值 true 或 false，如相等（）、全等（=）、不相等（!=）、大于（>）、小于（<）等。
4. 逻辑运算符：用于组合多个表达式，返回布尔值，如与（&&）、或（||）、非（!）等。
5. 条件运算符（三元运算符）：根据指定条件选择执行不同的代码路径，格式为 condition ? expr1 : expr2。
6. 自增和自减运算符：用于增加或减少变量的值，包括前置自增（++x）、后置自增（x++）、前置自减（–x）、后置自减（x–）。
7. 位运算符：对操作数的二进制形式执行位运算，如按位与（&）、按位或（|）、按位取反（~）、按位异或（^）等。
8. 字符串运算符：用于连接字符串，即将两个字符串值合并为一个，常用的是加号（+）。
9. 类型运算符：用于确定变量的数据类型，包括 typeof 运算符和 instanceof 运算符。
10. 其他运算符：包括条件运算符（?:）、逗号运算符（,）等。

以上是 JavaScript 中常用的运算符，它们可以用于执行各种操作，实现复杂的逻辑和计算。

JavaScript 算术运算符

JavaScript 中的算术运算符用于执行基本的数学运算，常见的算术运算符包括加法（+）、减法（-）、乘法（*）、除法（/）和求余（%）。下面是这些运算符的详细解释和举例：

1. 加法运算符（+）：
   用于将两个值相加。

var x = 5;
var y = 3;
var sum = x + y; // 结果为 8

1. 减法运算符（-）：
   用于从第一个操作数中减去第二个操作数。

var x = 5;
var y = 3;
var difference = x - y; // 结果为 2

1. 乘法运算符（*）：
   用于将两个值相乘。

var x = 5;
var y = 3;
var product = x * y; // 结果为 15

1. 除法运算符（/）：
   用于将第一个操作数除以第二个操作数。

var x = 6;
var y = 3;
var quotient = x / y; // 结果为 2

1. 求余运算符（%）：
   返回除法操作的余数。

var x = 7;
var y = 3;
var remainder = x % y; // 结果为 1

这些算术运算符在 JavaScript 中非常常用，可以用于执行各种数学计算，并且可以组合使用以实现复杂的运算逻辑。

JavaScript 赋值运算符

JavaScript 中的赋值运算符用于给变量赋值，常见的赋值运算符有以下几种：

1. 等号赋值（=）：将右侧的值赋给左侧的变量。

var x = 10; // 将值 10 赋给变量 x

1. 加等赋值（+=）：将右侧的值加到左侧的变量上，并将结果赋给左侧的变量。

var x = 5;
x += 3; // 相当于 x = x + 3，此时 x 的值为 8

1. 减等赋值（-=）：将右侧的值从左侧的变量中减去，并将结果赋给左侧的变量。

var x = 10;
x -= 4; // 相当于 x = x - 4，此时 x 的值为 6

1. 乘等赋值（*=）：将左侧的变量乘以右侧的值，并将结果赋给左侧的变量。

var x = 3;
x *= 2; // 相当于 x = x * 2，此时 x 的值为 6

1. 除等赋值（/=）：将左侧的变量除以右侧的值，并将结果赋给左侧的变量。

var x = 10;
x /= 2; // 相当于 x = x / 2，此时 x 的值为 5

赋值运算符可以简化代码并实现快速的赋值操作，是 JavaScript 中非常常用的运算符之一。

JavaScript 连接运算符+

JavaScript中的连接运算符+在不同的情况下有不同的功能：

1. 字符串拼接：当+两侧的操作数中至少有一个是字符串时，+会执行字符串拼接操作。

var firstName = "Alice";
var lastName = "Smith";
var fullName = firstName + " " + lastName; // fullName 的值为 "Alice Smith"

1. 数字相加：当+两侧的操作数都是数字时，+会执行加法操作。

var x = 5;
var y = 3;
var sum = x + y; // sum 的值为 8

1. 数字字符串转换后相加：如果+两侧的操作数中有一个是字符串，另一个是数字，那么数字会被转换成字符串进行拼接。

var x = 5;
var y = "3";
var result = x + y; // result 的值为 "53"，而不是 8

1. 表达式拼接：+ 还可以将表达式拼接在一起。

var message = "The result is: " + (5 + 3); // message 的值为 "The result is: 8"
• 1

在 JavaScript 中，+ 运算符具有重载的特性，其行为会根据操作数的类型而动态变化。因此，在使用+ 运算符时，需要根据具体的情况来理解它的功能。

JavaScript比较运算符

当涉及比较运算符时，JavaScript中的值将被比较并产生一个布尔值（true或false），以下是一些常见的比较运算符和它们的详细解释以及举例：

1. 相等操作符(==):

• 描述：比较两个值时会先进行类型转换，然后再比较值是否相等。
  
• 示例：

5 == 5 // true
5 == '5' // true，因为 '5' 被转换为数字 5
5 == 3 // false
'hello' == 'world' // false

1. 严格相等操作符(===):

• 描述：比较两个值时，不会进行类型转换，需要值和类型都相等才返回true。
  
• 示例：

5 === 5 // true
5 === '5' // false，因为类型不同

1. 不相等操作符(!=):

• 描述：比较两个值是否不相等，进行了类型转换之后再比较。
  
• 示例：

5 != 3 // true
5 != '5' // false，因为 '5' 被转换为数字 5，与左侧值相等

1. 严格不相等操作符(!==):

• 描述：比较两个值是否不相等，不进行类型转换。
  
• 示例：

5 !== '5' // true，因为类型不同
5 !== 5 // false

1. 大于操作符(>)和小于操作符(<):

• 描述：用于比较两个值的大小关系。
  
• 示例：

5 > 3 // true
5 < 3 // false

1. 大于等于操作符(>=)和小于等于操作符(<=):

• 描述：用于比较两个值的大小关系，包括等于情况。
  
• 示例：

5 >= 5 // true
5 <= 3 // false

以上是一些常见的比较运算符以及相应的示例。在编写JavaScript代码时，合理使用这些比较运算符可以实现各种条件判断和逻辑控制。

JavaScript逻辑运算符

逻辑运算符用于在逻辑语句中组合多个条件，以下是JavaScript中常见的逻辑运算符及其含义：

1. 逻辑与(&&)：如果两个条件都为真，则返回真；否则返回假。

• 示例：

(5 > 3) && (7 < 10) // true，因为两个条件都为真
(5 > 3) && (7 > 10) // false，因为第二个条件为假

1. 逻辑或(||)：如果至少有一个条件为真，则返回真；否则返回假。

• 示例：

(5 > 3) || (7 < 10) // true，因为至少有一个条件为真
(5 > 3) || (7 > 10) // true，因为第一个条件为真

1. 逻辑非(!)：用于取反，如果条件为真，则返回假；如果条件为假，则返回真。

• 示例：

!(5 > 3) // false，因为条件为真，取反后为假
!(7 < 10) // false，因为条件为真，取反后为假

逻辑运算符常用于条件语句中，可以根据多个条件的组合来确定执行的逻辑。在编写JavaScript代码时，灵活运用逻辑运算符可以实现复杂的逻辑控制和条件判断。

JavaScript位运算符

位运算符是用来对数字的二进制位进行操作的特殊运算符。在JavaScript中，有以下几种常见的位运算符：

1. 按位与(&)：将两个数转为二进制后，对应位上的数字都为1才为1，否则为0。

• 示例：

5 & 3 // 输出结果为 1，因为 5 的二进制是 101，3 的二进制是 011，按位与后变成 001，即为 1

1. 按位或(|)：将两个数转为二进制后，对应位上的数字只要有一个为1就为1，否则为0。

• 示例：

5 | 3 // 输出结果为 7，因为 5 的二进制是 101，3 的二进制是 011，按位或后变成 111，即为 7

1. 按位异或(^)：将两个数转为二进制后，对应位上的数字相同为0，不同为1。

• 示例：

5 ^ 3 // 输出结果为 6，因为 5 的二进制是 101，3 的二进制是 011，按位异或后变成 110，即为 6

1. 按位非(~)：操作数的每一位取反，即0变为1，1变为0。

• 示例：

~5 // 输出结果为 -6，因为 5 的二进制是 000...0101，取反后变成 111...1010（负数补码表示）

1. 左移(<<)：将数字的二进制码向左移动指定的位数，低位补零。

• 示例：

5 << 1 // 输出结果为 10，因为 5 的二进制是 101，左移1位后变成 1010，即为 10

1. 右移(>>)：将数字的二进制码向右移动指定的位数，高位补符号位（正数补0，负数补1）。

• 示例：

5 >> 1 // 输出结果为 2，因为 5 的二进制是 101，右移1位后变成 10，即为 2

1. 无符号右移(>>>)：将数字的二进制码向右移动指定的位数，高位补0。

• 示例：

-5 >>> 1 // 输出结果为 2147483645，因为 -5 的二进制是 111...1011（32位），无符号右移1位后变成 0111...1101，即为 2147483645

位运算符常用于处理特定位操作的情况，比如数据压缩、加密等领域。在JavaScript中，位运算符通常用于需要直接操作二进制数值的场景，如网络编程、图形处理等。

关注我，不迷路，共学习，同进步

关注我，不迷路，共学习，同进步