Switch na pangungusap sa JavaScript

Paglilinaw at paggamit

Ang switch na pangungusap ay isagawa ang bloke ng kodigo ayon sa iba't ibang sitwasyon.

Ang switch na pangungusap ay bahagi ng 'kondisyon' na pangungusap sa JavaScript, na ginagamit upang isagawa ang iba't ibang operasyon ayon sa iba't ibang kondisyon. Ginagamit ang switch upang piliin ang isa sa maraming bloke ng kodigo na dapat isagawa. Ito ang perpektong solusyon para sa mahabang nakakalagay na if/else na pangungusap.

Ang switch statement ay kalkulahin ang ekspresyon. Pagkatapos, ang halaga ng ekspresyon ay paghahalintulad sa bawat halaga ng kaso sa estraktura. Kung may pagkakatugma, isasagawa ang block ng code na may kaugnayan.

Ang switch statement ay karaniwang ginagamit kasama ang keyword na break o default (o parehong keyword) kasama. Ang mga ito ay opsyonal:

Ang keyword na break ay nag-iwan sa block ng switch. Ito ay nagpapahinto sa pagpapatuloy ng mas maraming code sa loob ng block at/atau sa paghahalintulad ng kaso. Kung pinagwalang bahala ang break, isasagawa ang susunod na block ng code sa switch statement.

Kung walang case na tumutugma, ang keyword na default ay nagtutukoy sa ilang code na dapat maisagawa. Mahigit isang default keyword ang puwedeng magamit sa isang switch. Kahit ito ay opsyonal, ito ay inaanyayahan na gamitin ito dahil maaring mapaghawakan ang di inaasahang sitwasyon.

Halimbawa

Iisasagawa ang block ng code ayon sa input ng user：

var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
  case "Banana":
    text = "Banana ay mabuti!";
    break;
  case "Orange":
    text = "Hindi ako tagahanga ng orange.";
    break;
  case "Apple":
    text = "Gaano ka gustong kainin ang mga apple?";
    break;
  default:
    text = "Hindi ko nakarinig ng kahit anong prutas na iyon...";
}

Subukan natin personal na

May maraming halimbawa ng TIY sa ibaba ng pahina.

Gramatika

switch(ekspresyon) {
  case n:
    code block
    break;
  case n:
    code block
    break;
  default:
    default code block
}

Halaga ng Parametro

Parametro Paglalarawan
ekspresyon Mga kinakailangan. Tukuyin ang ekspresyon na kailangan kalkulahin. Ang halaga ng ekspresyon ay paghahalintulad sa bawat halaga ng tagubilin sa estraktura. Kung may pagkakatugma, isasagawa ang bagay na may kaugnayan sa block ng code.

Detalye ng Teknolohiya

Versyon ng JavaScript： ECMAScript 1

Maraming halimbawa

Halimbawa

Gamitin ang weekday na numero ng araw ngayon upang kalkulahin ang pangalan ng araw (Biyernes=0, Lunes=1, Martes=2, ...)：

var day;
switch (new Date().getDay()) {
  case 0:
    day = "Biyernes";
    break;
  case 1:
    day = "Lunes";
    break;
  case 2:
    day = "Lunes";
    break;
  case 3:
    day = "Miércoles";
    break;
  case 4:
    day = "Huwebes";
    break;
  case 5:
    day = "Huwebes";
    break;
  case 6:
    day = "Sabado";
    break;
  default:
    day = "Unknown Day";
}

Subukan natin personal na

Halimbawa

Kung ngayon ay hindi Sabado o Linggo, isulat ang default mensahe:

var text;
switch (new Date().getDay()) {
  case 6:
    text = "Ngayon ay Sabado";
    break; 
  case 0:
    text = "Ngayon ay Linggo";
    break; 
  default: 
    text = "Naghihintay sa Sabado na!";
}

Subukan natin personal na

Halimbawa

May mga beses na nais ninyong gamitin ang parehong code para sa iba't ibang sitwasyon, o gamitin ang parehong default value.

Isasaalang-alang ninyo na, sa eksemplo na ito, ang case ay nagbabahagi ng parehong block ng code, at ang default case ay hindi dapat maging huling case sa block ng switch (pero, kung ang default ay hindi huling case sa block ng switch, huwag magsasalita ng break).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default: 
    text = "Naghihintay sa Sabado na!";
    break; 
  case 4:
  case 5:
    text = "Pangalawang Sabado na!";
    break; 
  case 0:
  case 6:
    text = "Ito ay Sabado";
}

Subukan natin personal na

Halimbawa

Gumawa ng block ng code gamit ang switch statement base sa imput ng user mula sa prompt box:

var text;
var favDrink = prompt("Ano ang iyong paboritong cocktail drink?");
switch(favDrink) {
  case "Martini":
    text = "Mahusay na pagpipilian! Martini ay mabuti para sa iyong kaluluwa.";
    break;
  case "Daiquiri":
    text = "Daiquiri ay ang aking paboritong din!";
    break;
  case "Cosmopolitan":
    text = "Tunay ba? Niyong sigurado na ang Cosmopolitan ang iyong paboritong Cosmopolitan?";
    break;
  default:
    text = "Hindi ko alam ng ganitong isa...";
}

Subukan natin personal na

Suporta ng browser

statement Chrome IE Firefox Safari Opera
switch Suportado Suportado Suportado Suportado Suportado

Nakakita ng pahina

JavaScript Tutorial:Hindi ko alam ang ganitong JavaScript If...Else statement

JavaScript Tutorial:JavaScript Switch Salita

JavaScript Reference Manual:JavaScript If/Else Salita

JavaScript Reference Manual:JavaScript Break Salita