JavaScript 运算符学习笔记

JavaScript 中的运算符用于对值进行操作和计算。

算术运算符

算术运算符用于执行常规数学操作。

• + 加法运算符：将两个数字相加，或将字符串连接起来。

  javascriptCopy Code
  let a = 5;
  let b = 10;
  console.log(a + b); // 输出 15
  console.log("Hello" + " " + "world"); // 输出 "Hello world"
  

• - 减法运算符：从第一个数字中减去第二个数字。

  javascriptCopy Code
  let a = 5;
  let b = 10;
  console.log(b - a); // 输出 5
  

• * 乘法运算符：将两个数字相乘。

  javascriptCopy Code
  let a = 5;
  let b = 10;
  console.log(a * b); // 输出 50
  

• / 除法运算符：将第一个数字除以第二个数字。

  javascriptCopy Code
  let a = 50;
  let b = 10;
  console.log(a / b); // 输出 5
  

• % 取模运算符：返回第一个数字除以第二个数字的余数。

  javascriptCopy Code
  let a = 13;
  let b = 5;
  console.log(a % b); // 输出 3
  

赋值运算符

赋值运算符用于为变量赋值。

• = 赋值运算符：将右侧的值赋给左侧的变量。

  javascriptCopy Code
  let a = 5;
  console.log(a); // 输出 5
  
  let b;
  b = a;
  console.log(b); // 输出 5
  

• += 加法赋值运算符：将右侧的值加到左侧的变量上，并重新赋值。

  javascriptCopy Code
  let a = 5;
  a += 10;
  console.log(a); // 输出 15
  

• -= 减法赋值运算符：将右侧的值从左侧的变量上减去，并重新赋值。

  javascriptCopy Code
  let a = 10;
  a -= 5;
  console.log(a); // 输出 5
  

• *= 乘法赋值运算符：将右侧的值乘以左侧的变量，并重新赋值。

  javascriptCopy Code
  let a = 5;
  a *= 10;
  console.log(a); // 输出 50
  

• /= 除法赋值运算符：将左侧的变量除以右侧的值，并重新赋值。

  javascriptCopy Code
  let a = 50;
  a /= 10;
  console.log(a); // 输出 5
  

比较运算符

比较运算符用于比较两个值之间的关系。

• == 相等运算符：检查两个值是否相等，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 5;
  let b = "5";
  console.log(a == b); // 输出 true
  

• === 全等运算符：检查两个值是否完全相等，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 5;
  let b = "5";
  console.log(a === b); // 输出 false
  

• != 不相等运算符：检查两个值是否不相等，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 5;
  let b = "5";
  console.log(a != b); // 输出 false
  

• !== 不全等运算符：检查两个值是否不完全相等，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 5;
  let b = "5";
  console.log(a !== b); // 输出 true
  

• > 大于运算符：检查第一个值是否大于第二个值，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 10;
  let b = 5;
  console.log(a > b); // 输出 true
  

• < 小于运算符：检查第一个值是否小于第二个值，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 10;
  let b = 5;
  console.log(a < b); // 输出 false
  

• >= 大于或等于运算符：检查第一个值是否大于或等于第二个值，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 10;
  let b = 5;
  console.log(a >= b); // 输出 true
  

• <= 小于或等于运算符：检查第一个值是否小于或等于第二个值，如果是，则返回 true；否则返回 false。

  javascriptCopy Code
  let a = 10;
  let b = 5;
  console.log(a <= b); // 输出 false
  

逻辑运算符

逻辑运算符用于将多个表达式组合成单个表达式，并对结果进行判断。

• && 逻辑与运算符：当两个表达式都为 true 时，返回 true；否则返回 false。

  javascriptCopy Code
  let a = 10;
  let b = 5;
  let c = 20;
  console.log(a > b && a < c); // 输出 true
  

• || 逻辑或运算符：当两个表达式至少有一个为 true 时，返回 true；否则返回 false。

  javascriptCopy Code
  let a = 10;
  let b = 5;
  let c = 20;
  console.log(a > c || b > c); // 输出 false
  

• ! 逻辑非运算符：对表达式的结果取反。

  javascriptCopy Code
  let a = true;
  console.log(!a); // 输出 false
  
  let b = false;
  console.log(!b); // 输出 true
  

位运算符

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

• & 按位与运算符：将两个数字的每一位进行比较，只有两个数的对应位都为 1 时，结果才为 1；否则为 0。

  javascriptCopy Code
  let a = 5;
  let b = 3;
  console.log(a & b); // 输出 1
  

• | 按位或运算符：将两个数字的每一位进行比较，只要两个数的对应位有一个为 1，结果就为 1；否则为 0。

  javascriptCopy Code
  let a = 5;
  let b = 3;
  console.log(a | b); // 输出 7
  

• ^ 按位异或运算符：将两个数字的每一位进行比较，如果两个数的对应位不同，则结果为 1；否则为 0。

  javascriptCopy Code
  let a = 5;
  let b = 3;
  console.log(a ^ b); // 输出 6
  

• ~ 按位非运算符：对数字的每一个位进行取反操作。

  javascriptCopy Code
  let a = 5;
  console.log(~a); // 输出 -6
  

• << 左移位运算符：将数字的所有位向左移动指定的位数，右侧补零。

  javascriptCopy Code
  let a = 5;
  console.log(a << 1); // 输出 10
  

• >> 右移位运算符：将数字的所有位向右移动指定的位数，左侧补零或补符号位（取决于数字的符号）。

  javascriptCopy Code
  let a = 5;
  console.log(a >> 1); // 输出 2
  

• >>> 无符号右移位运算符：将数字的所有位向右移动指定的位数，左侧补零。

  javascriptCopy Code
  let a = -5;
  console.log(a >>> 1); // 输出 2147483645
  

以上是 JavaScript 常见的运算符及其使用方法，你可以根据自己的需要灵活运用它们。