js基本语法-优快云博客

本文深入解析了switch结构的使用方法与原理，包括如何根据变量值选择执行不同的case，以及如何避免连续执行多个case的陷阱。同时，文章还介绍了三元运算符的用法，展示了其作为if...else...的简洁替代方案，并通过实例说明了其在判断和赋值中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

switch结构

当多个if。。。else连在一起使用的时候，转为switch

switch（fruit）{

case "banner":

//...

break;

default:

//...

}

原理：

上面代码根据变量fruit的值，选择执行相应的case。如果所有case都不符合，则执行最后的default部分。需要注意的是，每个case代码块内部的break语句不能少，否则会接下去执行下一个case代码块，而不是跳出switch结构。

switch语句部分和case语句部分，都可以使用表达式

需要注意的是：

switch语句后面的表达式，与case语句后面的表示式比较运行结果时，采用的是严格相等运算符（===），而不是相等运算符（==），这意味着比较时不会发生类型转换。

三元运算符

(条件) ? 表达式1 : 表达式2

上面代码中，如果“条件”为true，则返回“表达式1”的值，否则返回“表达式2”的值。

var even = (n % 2 === 0) ? true : false;

上面代码中，如果n可以被2整除，则even等于true，否则等于false。它等同于下面的形式。

var even;
if (n % 2 === 0) {
  even = true;
} else {
  even = false;
}

这个三元运算符可以被视为if...else...的简写形式，因此可以用于多种场合。

var myVar;
console.log(
  myVar ?
  'myVar has a value' :
  'myVar does not have a value'
)
// myVar does not have a value

上面代码利用三元运算符，输出相应的提示。

var msg = '数字' + n + '是' + (n % 2 === 0 ? '偶数' : '奇数');