>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 스위치 사용법과 주의사항에 대한 자세한 설명

JavaScript의 스위치 사용법과 주의사항에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-07-18 14:49:431669검색

Syntax

switch 문의 기본 구문에는 해당 표현식의 값을 기반으로 실행할 여러 가지 다른 문을 평가하고 계산하는 표현식이 제공됩니다. 인터프리터는 일치하는 항목을 찾을 때까지 표현식 값에 대해 각 사례를 확인합니다. 일치하는 항목이 없으면 기본 조건이 사용됩니다.


switch (expression)
{
 case condition 1: statement(s)
          break;
 case condition 2: statement(s)
          break;
  ...
 case condition n: statement(s)
          break;
 default: statement(s)
}

break 문은 특정 상황에서 통역사에게 종료하도록 지시합니다. 생략된 경우 인터프리터는 다음 각 경우에 각 명령문을 계속 실행합니다.

break문에 대해서는 루프 제어편에서 설명하겠습니다.
예:

다음 예는 기본 while 루프를 보여줍니다.


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
      break;
 case &#39;B&#39;: document.write("Pretty good<br />");
      break;
 case &#39;C&#39;: document.write("Passed<br />");
      break;
 case &#39;D&#39;: document.write("Not so good<br />");
      break;
 case &#39;F&#39;: document.write("Failed<br />");
      break;
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>

이 결과는 다음과 같습니다.


Entering switch block
Good job
Exiting switch block

예:

break가 사용되지 않는 상황을 고려합니다.


<script type="text/javascript">
<!--
var grade=&#39;A&#39;;
document.write("Entering switch block<br />");
switch (grade)
{
 case &#39;A&#39;: document.write("Good job<br />");
 case &#39;B&#39;: document.write("Pretty good<br />");
 case &#39;C&#39;: document.write("Passed<br />");
 case &#39;D&#39;: document.write("Not so good<br />");
 case &#39;F&#39;: document.write("Failed<br />");
 default: document.write("Unknown grade<br />")
}
document.write("Exiting switch block");
//-->
</script>

다음 결과가 생성됩니다.


Entering switch block
Good job
Pretty good
Passed
Not so good
Failed
Unknown grade
Exiting switch block

javascript의 스위치 사용에 대한 참고 사항

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case &#39;65&#39;:
alert("字符串65。jb51.net");
break;
}
</script>

대화 상자가 나타나지 않고 경고가 실행되지 않습니다.

원인 분석:

여기서 분명히 해야 할 점은 스위치가 판단할 때 합동 기호 "==="를 사용한다는 점입니다. 합동 기호를 비교할 때 가장 먼저 확인해야 할 것은 데이터 유형이 동일한지 여부입니다. 여기서 t_jb51_net은 Number형이고 '65'는 String입니다.

다음 코드는 대화 상자를 팝업합니다:

<script>
var t_jb51_net = 65;
switch (t_jb51_net) {
case 65:
alert("数字65。jb51.net");
break;
}
</script>

위 내용은 JavaScript의 스위치 사용법과 주의사항에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.