정보실

웹학교

정보실

javascript JavaScript에서 Switch 문을 사용하는 방법 - JavaScript guide

본문

목차​

  1. JavaScript 개발자 콘솔을 사용하는 방법
  2. HTML에 JavaScript를 추가하는 방법
  3. JavaScript에서 구문 및 코드 구조 이해
  4. JavaScript로 주석을 작성하는 방법
  5. JavaScript에서 데이터 유형 이해
  6. JavaScript에서 문자열로 작업하는 방법
  7. JavaScript에서 문자열을 인덱싱, 분할 및 조작하는 방법
  8. JavaScript에서 데이터 유형을 변환하는 방법
  9. JavaScript에서 변수, 범위 및 게양 이해
  10. 연산자를 사용하여 JavaScript에서 수학을 수행하는 방법
  11. JavaScript에서 배열 이해
  12. JavaScript에서 배열 메서드를 사용하는 방법 : Mutator 메서드
  13. JavaScript에서 배열 메서드를 사용하는 방법 : Accessor 메서드
  14. JavaScript에서 배열 메서드를 사용하는 방법 : Iteration 메서드
  15. JavaScript에서 객체 이해
  16. JavaScript에서 날짜 및 시간 이해
  17. JavaScript에서 이벤트 이해
  18. JavaScript에서 JSON으로 작업하는 방법
  19. JavaScript로 조건문을 작성하는 방법
  20. JavaScript에서 Switch 문을 사용하는 방법
  21. JavaScript에서 While 및 Do ... While 루프 사용
  22. JavaScript에서 For 루프를 생성하는 방법
  23. JavaScript에서 함수를 정의하는 방법
  24. JavaScript의 프로토 타입 및 상속 이해
  25. JavaScript에서 클래스 이해
  26. JavaScript에서 객체 메소드를 사용하는 방법
  27. JavaScript에서 This, Bind, Call 및 Apply 이해

JavaScript에서 Switch 문을 사용하는 방법 


소개 


조건문은 모든 프로그래밍 언어에서 가장 유용하고 일반적인 기능 중 하나 입니다. “JavaScript에서 조건문을 작성하는 방법”에서는 if, else 및 else if 키워드를 사용하여 서로 다른 조건에 따라 프로그램의 흐름을 제어하는 ​​방법을 설명합니다. JavaScript는 종종 사용자 입력의 결과입니다.


if ... else 외에도 JavaScript에는 switch 문이라는 기능이 있습니다. switch는 여러 가능한 경우에 대해 식을 평가하고 일치하는 경우를 기준으로 하나 이상의 코드 블록을 실행하는 조건문 유형입니다. switch 문은 많은 if 블록을 포함하는 조건문과 밀접한 관련이 있으며 종종 서로 바꿔서 사용할 수 있습니다.


이 자습서에서는 switch 문을 사용하는 방법과 관련 키워드 case, break 및 default를 사용하는 방법을 배웁니다. 마지막으로 switch 문에서 여러 사례를 사용하는 방법을 살펴 보겠습니다.


https://www.digitalocean.com/community/tutorials/how-to-use-the-switch-statement-in-javascript 


Switch 


switch 문은 표현식을 평가하고 대 / 소문자를 일치시키는 결과로 코드를 실행합니다. 처음에는 약간 협박 적으로 보일 수 있지만 기본 구문은 if 문의 구문과 비슷합니다. 테스트 할 표현식을 포함하는 괄호와 실행할 잠재적 인 코드를 포함하는 중괄호와 함께 항상 스위치 () {}로 작성됩니다.


다음은 두 개의 case 문이 있는 switch문의 예이며 default라고 하는 폴백입니다.


switch (expression) {
    case x:
        // execute case x code block
        break;
    case y:
        // execute case y code block
        break;
    default:
        // execute default code block
}

위의 코드 블록의 논리에 따라 발생하는 일련의 이벤트입니다.

  • 식이 평가됩니다
  • 첫 번째 경우 x는 표현식에 대해 테스트 됩니다. 일치하면 코드가 실행되고 break 키워드가 스위치 블록을 종료합니다.
  • 일치하지 않으면 x는 건너 뛰고 y는 식에 대해 테스트 됩니다. y가 표현식과 일치하면 코드는 스위치 블록에서 실행되고 종료됩니다.
  • 일치하는 사례가 없으면 기본 코드 블록이 실행됩니다.

위의 구문에 따라 스위치 명령문의 실제 예를 만들어 봅시다. 이 코드 블록에서 new Date() 메소드를 사용하여 현재 요일을 찾고 getDay()를 사용하여 현재 요일에 해당하는 숫자를 인쇄합니다. 1은 월요일을 나타내며 7을 통해 일요일을 나타냅니다. 변수 설정부터 시작하겠습니다.


const day = new Date().getDay();

스위치를 사용하여 요일마다 콘솔에 메시지를 보냅니다. 프로그램은 위에서 아래로 순서대로 실행되며 일치하는 항목을 찾으면 break 명령은 스위치 블록이 명령문을 계속 평가하지 못하게 합니다.


// Set the current day of the week to a variable, with 1 being Monday and 7 being Sunday
const day = new Date().getDay();

switch (day) {
    case 1:
        console.log("Happy Monday!");
        break;
    case 2:
        console.log("It's Tuesday. You got this!");
        break;
    case 3:
        console.log("Hump day already!");
        break;
    case 4:
        console.log("Just one more day 'til the weekend!");
        break;
    case 5:
        console.log("Happy Friday!");
        break;
    case 6:
        console.log("Have a wonderful Saturday!");
        break;
    case 7:
        console.log("It's Sunday, time to relax!");
        break;
    default:
        console.log("Something went horribly wrong...");
}
Output
'Just one more day 'til the weekend!'

이 코드는 4시에 해당하는 목요일에 테스트 되었으므로 콘솔 출력은 주말까지 하루 더! 코드를 테스트하는 요일에 따라 출력이 달라집니다. 우리는 오류가 발생했을 때 실행되도록 기본 블록을 포함 시켰습니다.이 경우에는 주 7 일 밖에 없기 때문에 발생하지 않아야 합니다. 예를 들어 월요일부터 금요일까지 결과만 인쇄 할 수 있으며 기본 블록은 주말에 동일한 메시지를 가질 수 있습니다.


우리가 각 문장에서 break 키워드를 생략했다면, 다른 어떤 문장도 true로 평가되지 않았지만, 프로그램은 끝까지 도달 할 때까지 계속 점검했을 것입니다. 프로그램을 보다 빠르고 효율적으로 만들기 위해 휴식을 포함 시킵니다.


Switch Ranges 


위의 예에서와 같이 단일 값이 아니라 스위치 블록의 값 범위를 평가해야 하는 경우가 있을 수 있습니다. 표현식을 true로 설정하고 각 case 문 내에서 작업을 수행하여 이를 수행 할 수 있습니다.


이해하기 쉽도록 익숙한 예를 사용하겠습니다. 조건문 튜토리얼에서 우리는 다음과 같은 요구 사항으로 숫자 점수를 받아 문자 등급으로 변환하는 간단한 등급 지정 앱을 만들었습니다.


  • Grade of 90 and above is an A
  • Grade of 80 to 89 is a B
  • Grade of 70 to 79 is a C
  • Grade of 60 to 69 is a D
  • Grade of 59 or below is an F

이제 이것을 switch 문으로 쓸 수 있습니다. 범위를 확인하고 있으므로 각 경우에 작업을 수행하여 각 표현식이 true로 평가되는지 확인한 다음 true에 대한 요구 사항이 충족되면 진술을 중단합니다.


// Set the student's grade
const grade = 87;

switch (true) {
    // If score is 90 or greater
    case grade >= 90:
        console.log("A");
        break;
    // If score is 80 or greater
    case grade >= 80:
        console.log("B");
        break;
    // If score is 70 or greater
    case grade >= 70:
        console.log("C");
        break;
    // If score is 60 or greater
    case grade >= 60:
        console.log("D");
        break;
    // Anything 59 or below is failing
    default:
        console.log("F");
}
Output
'B'

이 예제에서 평가할 괄호 안의 표현식은 참입니다. 이는 true로 평가되는 모든 경우가 일치 함을 의미합니다.


다른 경우와 마찬가지로 스위치가 위에서 아래로 평가되고 첫 번째 실제 일치가 수락 됩니다. 따라서 등급 변수가 87이므로 C와 D에 대해서도 true로 평가 되더라도 첫 번째 일치는 B이며 출력이 됩니다.


Multiple Cases 


여러 사례가 동일한 출력을 가져야 하는 코드가 발생할 수 있습니다. 이를 위해 각 코드 블록에 대해 둘 이상의 사례를 사용할 수 있습니다.


이를 테스트하기 위해 이번 달에 적합한 계절에 맞는 작은 응용 프로그램을 만들 것입니다. 먼저 new Date() 메서드를 사용하여 현재 월에 해당하는 숫자를 찾아 월 변수에 적용합니다.


const month = new Date().getMonth();

새로운 Date(). getMonth() 메소드는 0에서 11 사이의 숫자를 출력하며 0은 1 월이고 11은 12 월입니다. 이 책을 발행 할 당시의 달은 9 월이며 8에 해당합니다.


우리의 응용 프로그램은 단순성을 위해 다음 사양으로 사계절을 출력합니다.


  • Winter: January, February, and March
  • Spring: April, May, and June
  • Summer: July, August, and September
  • Autumn: October, November, and December

아래는 코드입니다.



// Get number corresponding to the current month, with 0 being January and 11 being December
const month = new Date().getMonth();

switch (month) {
    // January, February, March
    case 0:
    case 1:
    case 2:
        console.log("Winter");
        break;
    // April, May, June
    case 3:
    case 4:
    case 5:
        console.log("Spring");
        break;
    // July, August, September
    case 6:
    case 7:
    case 8:
        console.log("Summer");
        break;
    // October, November, December
    case 9:
    case 10:
    case 11:
        console.log("Autumn");
        break;
    default:
        console.log("Something went wrong.");
}

코드를 실행하면 위의 사양에 따라 현재 시즌을 식별하는 출력이 수신 됩니다.

Output
Summer

출판 당시의 현재 달은 8 개로, "여름"시즌 출력을 가진 사례 중 하나에 해당합니다.


결론 


이 기사에서는 표현식을 평가하고 일치하는 결과에 따라 다른 값을 출력하는 조건 문의 유형 인 switch 문을 검토했습니다. 범위와 여러 사례를 사용하여 스위치 문을 검토했습니다.


스위치에 대한 자세한 내용은 Mozilla 개발자 네트워크에서 검토하십시오.



페이지 정보

조회 67회 ]  작성일19-10-28 12:21

웹학교