QD1-P46 JS 运算符和控制语句

title: QD1-P46 JS 运算符和控制语句

description: JavaScript 运算符和控制语句

video: [https://www.bilibili.com/video/BV1n64y1U7oj?p=46](https://www.bilibili.com/video/BV1n64y1U7oj?p=46)

subject：前端学习笔记 1

‍

‍

JavaScript 运算符

JavaScript 中的运算符分为几类，主要包括算术运算符、比较运算符、逻辑运算符、赋值运算符、位运算符等。以下是常见运算符的分类和用法：

‍

1. 算术运算符

• ​+​：加法运算，将两个操作数相加。

  let sum = 5 + 3; // 结果是 8
  

• ​-​：减法运算，减去第二个操作数。

  let difference = 5 - 3; // 结果是 2
  

• ​*​：乘法运算，将两个操作数相乘。

  let product = 5 * 3; // 结果是 15
  

• ​/​：除法运算，将第一个操作数除以第二个。

  let quotient = 6 / 3; // 结果是 2
  

• ​%​：取模运算，返回两个操作数相除的余数。

  let remainder = 5 % 2; // 结果是 1
  

• ​++​：自增运算符，将操作数加 1。

  let x = 5;
  x++; // 结果是 6
  

• ​--​：自减运算符，将操作数减 1。

  let x = 5;
  x--; // 结果是 4
  

‍

‍

2. 比较运算符

• ​==​：等于，比较两个值是否相等（非严格）。

  let isEqual = 5 == "5"; // 结果是 true
  let isEqual = (5 == "5"); // 建议用括号，更易读
  

• ​===​：全等于，比较两个值是否严格相等（值和类型都相等）。

  let isStrictEqual = 5 === "5"; // 结果是 false
  

• ​!=​：不等于，比较两个值是否不相等。

  let isNotEqual = 5 != 3; // 结果是 true
  

• ​!==​：全不等于，比较两个值是否严格不相等。

  let isStrictNotEqual = 5 !== "5"; // 结果是 true
  

• ​>​：大于，比较第一个值是否大于第二个值。

  let isGreater = 5 > 3; // 结果是 true
  

• ​<​：小于，比较第一个值是否小于第二个值。

  let isLess = 5 < 3; // 结果是 false
  

• ​>=​：大于等于，比较第一个值是否大于或等于第二个值。

  let isGreaterOrEqual = 5 >= 5; // 结果是 true
  

• ​<=​：小于等于，比较第一个值是否小于或等于第二个值。

  let isLessOrEqual = 5 <= 3; // 结果是 false
  

‍

‍

3. 逻辑运算符

• ​&&​：逻辑与（AND），只有两个操作数都为真时结果才为真。

  let andResult = true && false; // 结果是 false
  

• ​||​：逻辑或（OR），只要有一个操作数为真，结果就为真。

  let orResult = true || false; // 结果是 true
  

• ​!​：逻辑非（NOT），将布尔值取反。

  let notResult = !true; // 结果是 false
  

‍

‍

4. 赋值运算符

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

  let x = 5;
  

• ​+=​：加赋值运算符，将右边的值加到左边变量上。

  let x = 5;
  x += 3; // 相当于 x = x + 3，结果是 8
  

• ​-=​：减赋值运算符，将右边的值从左边变量中减去。

  let x = 5;
  x -= 3; // 相当于 x = x - 3，结果是 2
  

• ​*=​：乘赋值运算符，将右边的值与左边变量相乘。

  let x = 5;
  x *= 3; // 相当于 x = x * 3，结果是 15
  

• ​/=​：除赋值运算符，将右边的值与左边变量相除。

  let x = 6;
  x /= 3; // 相当于 x = x / 3，结果是 2
  

• ​%=​：模赋值运算符，将右边的值取模后赋给左边变量。

  let x = 5;
  x %= 2; // 相当于 x = x % 2，结果是 1
  

‍

5. 位运算符

• ​&​：按位与（AND），比较两个操作数的每一位，只有对应位都为 1 时结果才为 1。
• ​|​：按位或（OR），只要对应位有一个为 1，结果就为 1。
• ​^​：按位异或（XOR），当对应位的两个操作数不相同时结果为 1。
• ​~​：按位取反，将每一位取反（0 变 1，1 变 0）。
• ​<<​：左移，将操作数的二进制位向左移动指定位数。
• ​>>​：右移，将操作数的二进制位向右移动指定位数。

‍

---

‍

JavaScript 控制语句

‍

JavaScript 中的控制语句用于控制代码执行的流程，常见的控制语句有条件语句、循环语句和跳转语句。以下是一些常用的控制语句：

‍

1. 条件语句

条件语句根据某个条件是否成立来决定是否执行某段代码。

‍

if else 语句

根据条件执行不同的代码块。

if (condition) {
  // 当条件为 true 时执行
} else {
  // 当条件为 false 时执行
}

示例：

let num = 10;
if (num > 5) {
  console.log("大于 5");
} else {
  console.log("小于或等于 5");
}

‍

else if 语句

用于检查多个条件。

if (condition1) {
  // 当 condition1 为 true 时执行
} else if (condition2) {
  // 当 condition1 为 false 且 condition2 为 true 时执行
} else {
  // 当所有条件都为 false 时执行
}

示例：

let score = 85;
if (score >= 90) {
  console.log("优秀");
} else if (score >= 60) {
  console.log("及格");
} else {
  console.log("不及格");
}

‍

switch 语句

当有多个可能的值时，可以使用 switch​ 语句来替代 if...else​。

switch (expression) {
  case value1:
    // 当 expression 等于 value1 时执行
    break;
  case value2:
    // 当 expression 等于 value2 时执行
    break;
  default:
    // 当所有 case 都不匹配时执行
}

示例：

let day = 3;
switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  default:
    console.log("未知");
}

‍

2. 循环语句

循环语句用于重复执行某些代码块，直到某个条件为 false​。

‍

​​for 循环

​for​ 循环用于已知循环次数的情况下。

for (initialization; condition; increment) {
  // 循环体
}

示例：

for (let i = 0; i < 5; i++) {
  console.log(i);
}

‍

while 循环

​while​ 循环在条件为 true​ 时持续执行代码。

while (condition) {
  // 循环体
}

示例：

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

‍

do...while 循环

​do...while​ 循环与 while​ 循环类似，不同之处在于即使条件为 false​，也会先执行一次代码。

do {
  // 循环体
} while (condition);

示例：

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

‍

‍

3. 跳转语句

‍

​​break 语句

​break​ 用于立即终止循环或 switch​ 语句，跳出循环或条件语句。

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break; // 当 i 等于 5 时终止循环
  }
  console.log(i);
}

‍

continue 语句

​continue​ 用于跳过本次循环的剩余代码，直接进入下一次循环。

for (let i = 0; i < 5; i++) {
  if (i === 2) {
    continue; // 跳过 i 为 2 的情况
  }
  console.log(i);
}

‍

return 语句

​return​ 用于从函数返回值并终止函数的执行。

function add(a, b) {
  return a + b; // 返回 a 和 b 的和
}
let result = add(2, 3);
console.log(result); // 结果是 5

‍

4. try catch 语句

​try...catch​ 用于捕获和处理运行时错误。

try {
  // 可能出错的代码
} catch (error) {
  // 处理错误
} finally {
  // 无论是否有错误，都会执行的代码
}

示例：

try {
  let result = riskyOperation();
} catch (error) {
  console.log("发生错误：" + error.message);
} finally {
  console.log("操作完成");
}

这些控制语句帮助我们在 JavaScript 中控制代码的执行流程，从而实现不同的逻辑和功能。

‍