>  기사  >  웹 프론트엔드  >  JS에서 스위치를 사용하는 방법

JS에서 스위치를 사용하는 방법

下次还敢
下次还敢원래의
2024-05-06 14:30:24597검색

JavaScript의 스위치 문은 표현식과 케이스 레이블의 비교를 기반으로 코드 블록을 실행하는 데 사용되는 제어 흐름 문입니다. 구문은 다음과 같습니다. 스위치(표현식) { 케이스 값1: // 코드 블록 1 break; 케이스 값2: // 코드 블록 2 break; ... 기본값: // 기본 코드 블록 break; 표현식은 평가할 값, 케이스 레이블은 비교할 값, 코드 블록은 표현식이 케이스 레이블과 일치할 때 실행되는 코드, break 문은 스위치 문에서 빠져나오는 데 사용됩니다. 기본값

JS에서 스위치를 사용하는 방법

switch in JavaScript 구문 사용법

switch 문이란 무엇인가요?

스위치 문은 표현식을 기반으로 여러 사례 레이블을 비교하는 데 사용되는 제어 흐름 문입니다. 표현식이 케이스 레이블과 일치하면 케이스 레이블에 포함된 코드 블록이 실행됩니다.

구문: ​​

<code class="javascript">switch (expression) {
  case value1:
    // 代码块 1
    break;
  case value2:
    // 代码块 2
    break;
  ...
  default:
    // 默认代码块
    break;
}</code>

사용법:

  1. 표현: 이것은 평가할 표현식이며 모든 유형(숫자, 문자열, 부울 등)이 될 수 있습니다.
  2. case 태그: 이 태그의 값은 표현식과 비교됩니다. 각 케이스 라벨에는 고유한 값이 있어야 합니다.
  3. 코드 블록: 식이 케이스 태그와 일치하면 해당 코드 블록이 실행됩니다.
  4. break 문: break 문은 switch 문에서 벗어나는 데 사용됩니다. break 문이 없으면 다음 Case를 계속 실행합니다.
  5. default 태그(선택 사항): default 태그는 일치하는 사례 태그가 없을 때 실행되는 코드 블록에 사용됩니다. 스위치 문의 끝이나 다른 케이스 레이블 사이에 배치할 수 있습니다.

예:

<code class="javascript">// 根据数字选择颜色
switch (num) {
  case 1:
    // 红色
    console.log("红色");
    break;
  case 2:
    // 绿色
    console.log("绿色");
    break;
  case 3:
    // 蓝色
    console.log("蓝色");
    break;
  default:
    // 无效选项
    console.log("无效选项");
    break;
}</code>

참고:

  • 표현식은 const 또는 let 선언된 변수이거나 기본 값(예: 숫자 또는 문자열)이어야 합니다.
  • case 태그 값은 고유하고 반복 불가능해야 합니다.
  • break 문은 선택 사항이지만 일반적으로 switch 문을 종료하고 후속 사례 실행을 방지하는 데 사용됩니다.

위 내용은 JS에서 스위치를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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