【JavaScript】switch 语句

文章目录

    • [1. 基础的 switch 语句](#1. 基础的 switch 语句)
    • [2. 多个条件的处理](#2. 多个条件的处理)
    • [3. 使用 switch 进行条件判断](#3. 使用 switch 进行条件判断)
    • [4. switch 语句 vs if-else 语句](#4. switch 语句 vs if-else 语句)
    • [5. 总结](#5. 总结)

在 JavaScript 中, switch 语句是一种 用于根据不同的条件值执行不同代码块的控制流结构 。本篇博客将介绍 JavaScript 中的 switch 语句,帮助你更好地理解和运用这个语句。

1. 基础的 switch 语句

switch 语句的基本结构如下:

javascript 复制代码
let day = "Monday";

switch (day) {
  case "Monday":
    console.log("这是工作日的第一天");
    break;
  case "Friday":
    console.log("这是工作日的最后一天");
    break;
  default:
    console.log("这是正常的一天。");
}

在上述例子中,switch 语句首先评估表达式 day,然后根据 case 的值进行匹配。如果匹配成功,对应的代码块将被执行。break 语句用于终止 switch 语句,防止执行其他 case

2. 多个条件的处理

switch 语句支持多个 case,可以按照需要添加多个条件进行匹配。

javascript 复制代码
let color = "red";

switch (color) {
  case "red":
    console.log("这是红色");
    break;
  case "green":
  case "blue":
    console.log("这是绿色或者蓝色");
    break;
  default:
    console.log("我不认识这个颜色");
}

在上述例子中,如果 color 的值为 "red",第一个 case 将匹配执行。如果值为 "green" 或 "blue",则第二个 case 也将匹配执行。

3. 使用 switch 进行条件判断

switch 语句通常用于对一个变量进行多个值的条件判断,使代码更清晰、易读。

javascript 复制代码
let day = new Date().getDay();

switch (day) {
  case 0:
    console.log("今天是星期天");
    break;
  case 6:
    console.log("今天是星期六");
    break;
  default:
    console.log("这是普通工作日");
}

在上述例子中,switch 语句根据 day 的值输出不同的消息,实现了对星期的条件判断。

4. switch 语句 vs if-else 语句

虽然 switchif-else 都可以实现条件判断,但它们在使用场景上有一些区别。switch 适用于对同一个变量进行多个值的判断,而 if-else 更适用于对不同变量或复杂条件的判断。

javascript 复制代码
// 使用 switch 语句
let fruit = "apple";

switch (fruit) {
  case "apple":
  case "orange":
  case "banana":
    console.log("这是一种常见的水果");
    break;
  case "kiwi":
    console.log("这是一种独特的水果");
    break;
  default:
    console.log("我不认识这个水果");
}

// 使用 if-else 语句
let weather = "sunny";
let temperature = 25;

if (weather === "sunny" && temperature > 30) {
  console.log("这是一个很热并晴朗的天");
} else if (weather === "sunny") {
  console.log("这是一个晴朗的天");
} else {
  console.log("这不是一个晴朗的天");
}

5. 总结

switch 语句是 JavaScript 中用于多个条件判断的一种有效工具。通过清晰的结构和简单的语法,你可以更好地组织代码,提高代码的可读性。在使用 switch 语句时,记得使用 break 来防止执行多个 case。希望通过本篇博客,你对 JavaScript 中的 switch 语句有了更深入的理解。

相关推荐
Pocker_Spades_A1 天前
Python快速入门专业版(二十六):Python函数基础:定义、调用与返回值(Hello函数案例)
开发语言·python
洛小豆1 天前
Git 打标签完全指南:从本地创建到远端推送
前端·git·github
island13141 天前
【C++框架#5】Elasticsearch 安装和使用
开发语言·c++·elasticsearch
世间小小鱼1 天前
【爬坑指南】亚马逊文件中心 AWS S3 预签名URL 前端直传
前端·云计算·aws
华仔啊1 天前
前端登录token到底应该存在哪?LocalStorage、SessionStorage还是Cookie?一篇说透!
前端·javascript
BeefyBytes1 天前
动态组件库建设
前端
周周记笔记1 天前
学习笔记:Python的起源
开发语言·python
懒大王95271 天前
uni-app + Vue3 + EZUIKit.js 播放视频流
开发语言·javascript·uni-app
_extraordinary_1 天前
Java 多线程进阶(四)-- 锁策略,CAS,synchronized的原理,JUC当中常见的类
java·开发语言
懒大王95271 天前
uni-app + Vue3 开发展示 echarts 图表
前端·uni-app·echarts