js switch的用法|极客笔记

js switch的用法

在JavaScript中，switch语句用于基于不同的条件执行不同的代码块。它为多个条件提供了一种更清晰和简洁的替代方案，使代码更易于阅读和维护。下面我们将详细介绍switch语句的用法及其在实际开发中的应用。

基本语法

switch语句由一个表达式和多个case语句组成，每个case语句用于匹配表达式的值。当表达式的值与某个case语句匹配时，将执行相应的代码块。如果没有匹配的case语句，并且有一个default语句，则将执行default语句中的代码块。

switch (expression) {
  case value1:
    // 当expression的值等于value1时执行的代码块
    break;
  case value2:
    // 当expression的值等于value2时执行的代码块
    break;
  default:
    // 当expression的值与所有case语句都不匹配时执行的代码块
}

示例

假设我们要根据不同的数字输出对应的中文数字，我们可以使用switch语句来实现。

function chineseNumber(num) {
  switch (num) {
    case 0:
      return '零';
    case 1:
      return '一';
    case 2:
      return '二';
    case 3:
      return '三';
    case 4:
      return '四';
    case 5:
      return '五';
    case 6:
      return '六';
    case 7:
      return '七';
    case 8:
      return '八';
    case 9:
      return '九';
    default:
      return '输入错误';
  }
}

console.log(chineseNumber(5)); // 输出：五
console.log(chineseNumber(10)); // 输出：输入错误

在上面的示例中，我们定义了一个chineseNumber函数，根据传入的数字返回对应的中文数字。当传入的数字匹配到case语句中的值时，返回对应的中文数字；如果没有匹配时，返回”输入错误”。

注意事项

每个case语句后面都应该加上break关键字，以避免执行其他case语句中的代码。否则，匹配到的case语句之后的所有代码都将执行。
可以在一个case语句中使用多个值，例如case 1: case 2: case 3:。
switch语句是严格比较的，因此在进行比较时需要确保比较的类型一致。
如果没有提供break关键字，代码会继续执行下一个case语句，直到遇到break为止。

实际应用

switch语句在实际开发中经常被用来根据不同的条件执行不同的操作。例如，根据用户的角色显示不同的页面内容，根据不同的条件执行不同的API请求等。

function getUserRole(user) {
  switch (user.role) {
    case 'admin':
      return '管理员';
    case 'editor':
      return '编辑';
    case 'user':
      return '普通用户';
    default:
      return '未知角色';
  }
}

const currentUser = { role: 'admin' };
console.log(getUserRole(currentUser)); // 输出：管理员

在上面的示例中，根据用户的角色返回对应的中文角色名称。根据传入的currentUser对象的role属性值不同，将返回不同的角色名称。

总之，switch语句是一种很有用的控制流语句，可以根据不同的条件执行不同的代码块，使代码更加清晰和易于理解。在适当的场景下，我们可以合理地运用switch语句来提高代码的可读性和可维护性。