JavaScript切換條件

了解JavaScript條件轉換的基礎

一個if/else當您有幾種選擇時,聲明很不錯。

但是,如果它們太多了,那可能就太過分了。您的代碼看起來太複雜了。

在這種情況下,您可能要使用switch有條件的:

switch(<expression>) {
  //cases
}

根據表達式的結果,JavaScript將觸發您定義的一種特定情況:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
}

您必須添加一個break在每種情況下都必須使用該語句,否則JavaScript也會在下一種情況下執行代碼(有時這很有用,但要提防錯誤)。在函數內部使用時,如果開關定義了一個返回值,而不是使用break你可以用return

const doSomething = (a) => {
  switch(a) {
    case 1:
      //handle case a is 1
      return 'handled 1'
    case 2:
      //handle case a is 2
      return 'handled 2'
    case 3:
      //handle case a is 3
      return 'handled 3'
  }
}

您可以提供default特殊情況,當沒有大小寫處理表達式的結果時調用:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
  default:
    //handle all other cases
    break
}

免費下載我的JavaScript初學者手冊


更多js教程: