ການເລືອກຕັ້ງ JavaScript switch

ການກໍານົດ ແລະ ການນໍາໃຊ້

ການເລືອກຕັ້ງ switch ຈະດຳເນີນການດຳເນີນການຂອງການດຳເນີນການຕາມສະຖານະການທີ່ຕ່າງກັນ。

ການເລືອກຕັ້ງ switch ແມ່ນສ່ວນໜຶ່ງຂອງການປະກາດ

switch statement ຄວາມສະແດງຄຳສັບ. ຫຼັງຈາກນັ້ນ ຄຳສັບຈະຖືກປຽບທຽບກັບຄຳສັບທີ່ຢູ່ໃນບັນດາ case. ຖ້າມີການຕົກລົງຈະດຳເນີນກິດຈະກຳທີ່ກ່ຽວຂ້ອງ.

switch statement ຈະມີ break keyword ຫຼື default keyword (ຫຼືທັງສອງ) ພາຍໃນ. ທັງສອງມັນເປັນສິ່ງອົງອະບຽບ:

break keyword ອອກຈາກ block switch. ມັນຈະຢຸດການດຳເນີນກິດຈະກຳຫຼາຍຫຼາຍໃນ block ແລະ/ຫຼື ການຕັດການການກວດສອບ case. ຖ້າຫາກຫາຍດັ່ງກ່າວ break, ຈະດຳເນີນກິດຈະກຳເກົ່າໃນກົດລະບຽບ switch.

ຖ້າບໍ່ມີ case ທີ່ຕົກລົງຈະດຳເນີນກິດຈະກຳທີ່ກໍານົດໂດຍ default keyword. ພຽງແຕ່ກົດລະບຽບທີ່ມີ default keyword. ເຖິງວ່າມັນເປັນສິ່ງອົງອະບຽບຫຼາຍຫຼາຍ ພວກເຮົາຍັງແນ່ນອນຈະໃຊ້ມັນ ຍ້ອນວ່າມັນສາມາດຈັດການສະຖານະການທີ່ບໍ່ຄາດຄິດ.

Example

ດຳເນີນກິດຈະກຳ block code ຕາມການເຂົ້າຂອງຜູ້ນຳໃຊ້:

var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
  case "Banana":
    text = "Banana is good!";
    break;
  case "Orange":
    text = "I am not a fan of orange.";
    break;
  case "Apple":
    text = "How you like them apples?";
    break;
  default:
    text = "I have never heard of that fruit...";
}

ກຳລັງຕິດຕາມຕົນເອງ

ມີຕົວຢ່າງ TIY ອີກຫຼາຍຢູ່ດ້ານກ້ອງຂອງເວັບໄຊ.

ຂອດອິດທະວິພາກ

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

ຄຳສັບປະເພດ

ປະເພດ ສະແຫຼງການ
expression ຕ້ອງການ。ກໍານົດຄຳສັບທີ່ຈະຄວາມສະແດງ。ຄຳສັບຈະຖືກຄວາມສະແດງຫຼາຍຄັ້ງດຽວ. ຄຳສັບຈະຖືກປຽບທຽບກັບຄຳສັບທີ່ຢູ່ໃນບັນດາ case. ຖ້າມີການຕົກລົງຈະດຳເນີນກິດຈະກຳທີ່ກ່ຽວຂ້ອງ.

ຂໍ້ມູນດ້ານເຕັກນິກ

ລຸ້ນ JavaScript： ECMAScript 1

ຕົວຢ່າງອື່ນໆ

Example

ນຳໃຊ້ຮູບຄ່າ weekday ຂອງມື້ນີ້ ເພື່ອຄວາມວ່າ weekday (Sunday=0, Monday=1, Tuesday=2, ...)：

var day;
switch (new Date().getDay()) {
  case 0:
    day = "ວັນພະພຸດ";
    break;
  case 1:
    day = "ວັນພະອາ";
    break;
  case 2:
    day = "ວັນພະຫານ";
    break;
  case 3:
    day = "ວັນພະຫາ";
    break;
  case 4:
    day = "ວັນພະຫັດ";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
    break;
  default:
    day = "Unknown Day";
}

ກຳລັງຕິດຕາມຕົນເອງ

Example

If today is neither Saturday nor Sunday, write a default message:

var text;
switch (new Date().getDay()) {
  case 6:
    text = "Today is Saturday";
    break; 
  case 0:
    text = "Today is Sunday";
    break; 
  default: 
    text = "Looking forward to the Weekend";
}

ກຳລັງຕິດຕາມຕົນເອງ

Example

Sometimes you may want different cases to use the same code, or use the same default value.

Please note that in this example, cases share the same code block, and the default case does not have to be the last case in the switch block (but, if the default is not the last case in the switch block, remember to end it with a break).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default: 
    text = "Looking forward to the Weekend";
    break; 
  case 4:
  case 5:
    text = "Soon it is Weekend";
    break; 
  case 0:
  case 6:
    text = "It is Weekend";
}

ກຳລັງຕິດຕາມຕົນເອງ

Example

Based on the user input from the prompt box, execute the code block using the switch statement:

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
  case "Martini":
    text = "Excellent choice! Martini is good for your soul.";
    break;
  case "Daiquiri":
    text = "Daiquiri is my favorite too!";
    break;
  case "Cosmopolitan":
    text = "Really? Are you sure the Cosmopolitan is your favorite?";
    break;
  default:
    text = "I have never heard of that one..";
}

ກຳລັງຕິດຕາມຕົນເອງ

ການສະໜັບສະໜູນບັນດາບັນຊີ

ຄຳສັ່ງ Chrome IE Firefox Safari Opera
switch ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ

ບັນດາບາຊີບທາງ

JavaScript 教程：JavaScript If...Else 语句

JavaScript 教程：JavaScript Switch 语句

JavaScript 参考手册：JavaScript if/else 语句

JavaScript 参考手册：JavaScript break 语句