자바스크립트 스위치 문

JavaScript 스위치

JavaScript 스위치를 사용하면 스칼라(표현식)의 가능한 여러 결과를 선택할 수 있습니다.

구문:

switch (expr) {
케이스 결과1:
문1
break;
케이스 결과2:
문2
break;
……
기본값:
문
}

문법 설명

시스템은 expr의 값을 계산하고 계산 결과(result1, result2 등)를 기반으로 아래 해당 문을 선택하여 실행합니다. 모든 사례 결과가 일치하지 않으면 default의 문이 실행됩니다.

break는 코드 실행 후 프로세스에서 빠져나올 때 사용합니다. 문법적으로는 생략 가능하지만, 특별한 경우가 아니면 생략하지 마세요. 그렇지 않으면 계산된 expr 결과가 나오더라도 다음 코드는 계속해서 실행됩니다. 대소문자가 일치하지 않습니다(if else와의 차이점).

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
        var x = 2;
        switch (x) {
        case 0:
        alert("x等于0");
        break;
        case 1:
        alert("x等于1");
        break;
        case 2:
        alert("x等于2");
        break;
        default:
        alert("x既不等于1和2，也不等于0");
        }
      </script>
</head>
<body>
</body>
</html>

Tips

여러 대소문자 조건부 판단이 가능합니다

case 후속 결과는 숫자에 국한되지 않고 문자나 JavaScript에서 지원하는 기타 유형도 가능합니다

기본 키워드

기본값을 사용하세요 키워드 일치 항목이 없을 때 수행할 작업을 지정하려면:

<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
    {
  case 6:x="今天是星期六";
    break;
  case 0:x="今天是星期日";
    break;
  default:
    x="期待周末";
  }
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var x = 2; switch (x) { case 0: alert("x等于0"); break; case 1: alert("x等于1"); break; case 2: alert("x等于2"); break; default: alert("x既不等于1和2，也不等于0"); } </script> </head> <body> </body> </html>

코드 재설정

자동운전

제출하다

시사 Clear