자바스크립트 스위치 문

switch 문은 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다.

JavaScript 스위치 문

스위치 문을 사용하여 실행할 여러 코드 블록 중 하나를 선택하세요.

Syntax

switch(n)
{
case 1:
  执行代码块 1
break;
case 2:
  执行代码块 2
break;
default:
 n 与 case 1 和 case 2 不同时执行的代码
}

작동 방식: 먼저 표현식 n(보통 변수)을 설정합니다. 그런 다음 표현식의 값을 구조의 각 케이스 값과 비교합니다. 일치하는 항목이 있으면 해당 사례와 관련된 코드 블록이 실행됩니다. 코드가 다음 사례로 자동 실행되는 것을 방지하려면 break를 사용하십시오.

Instance

오늘의 주 이름을 표시합니다. Sunday=0, Monday=1, Tuesday=2 등을 참고하세요:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var x;
        var d=new Date().getDay();
        switch (d){
            case 0:x="今天是星期日";
                break;
            case 1:x="今天是星期一";
                break;
            case 2:x="今天是星期二";
                break;
            case 3:x="今天是星期三";
                break;
            case 4:x="今天是星期四";
                break;
            case 5:x="今天是星期五";
                break;
            case 6:x="今天是星期六";
                break;
        }
        document.getElementById("demo").innerHTML=x;
    }
</script>
</body>
</html>

프로그램을 실행해서 사용해 보세요

기본 키워드

기본 키워드를 사용하여 프로그램이 실행될 때 수행할 작업을 지정하세요. 일치하는 항목이 없습니다.

Instance

오늘이 토요일이나 일요일이 아니면 기본 메시지가 출력됩니다.

<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击下面的按钮，会显示出基于今日日期的消息：</p>
<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> </head> <body> <p>点击下面的按钮来显示今天是周几：</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var x; var d=new Date().getDay(); switch (d){ case 0:x="今天是星期日"; break; case 1:x="今天是星期一"; break; case 2:x="今天是星期二"; break; case 3:x="今天是星期三"; break; case 4:x="今天是星期四"; break; case 5:x="今天是星期五"; break; case 6:x="今天是星期六"; break; } document.getElementById("demo").innerHTML=x; } </script> </body> </html>

코드 재설정

자동운전

제출하다

시사 Clear