跳到主要内容

JS 条件语句

JavaScript 条件语句用于根据条件的真假来控制代码的执行流程。常见的条件语句有: ifelse ifelse 和三元运算符 ? :

注意
  • 条件判断时要注意数据类型,使用 ===!== 避免类型转换带来的错误。
  • 可以嵌套条件语句,但过多嵌套会降低代码可读性。

if 语句

js
let num = 10;

if (num > 5) {
console.log("大于 5");
}
  • 如果条件 num > 5true ,就执行 {} 内的代码。
  • 如果条件为 false ,不会执行。

if... else 语句

js
let num = 3;

if (num > 5) {
console.log("大于 5");
} else {
console.log("不大于 5");
}
  • if 条件不满足时,会执行 else 内的代码。

if... else if... else 语句

js
let num = 5;

if (num > 5) {
console.log("大于 5");
} else if (num === 5) {
console.log("等于 5");
} else {
console.log("小于 5");
}
  • 可以判断多个条件,按顺序依次判断,直到匹配到为 true 的条件。

三元运算符

js
let num = 10;
let result = num > 5 ? "大于 5" : "不大于 5";
console.log(result);
  • condition ? valueIfTrue : valueIfFalse
  • 适合在简单条件下直接返回值。

switch 语句

js
let color = "red";

switch (color) {
case "red":
console.log("颜色是红色");
break;
case "blue":
console.log("颜色是蓝色");
break;
default:
console.log("其他颜色");
}
  • switch 用于多个条件判断,匹配 case 后执行对应代码。
  • 每个 case 后通常加 break ,避免执行到下一个 case