반응형
자바스크립트 switch문
switch문은 어떤 값을 입력했는지에 따라 다르게 동작하는 문법으로, if문과 비슷하지만 동작하는 방식이 조금 다릅니다.
switch문의 기본 구조는 아래 코드와 같습니다.
switch (비교할_값){
case 조건1:
동작부분;
break;
case 조건2:
동작부분;
break;
default:
동작부분;
}
처음 switch 뒤 소괄호에 비교할 값을 넣고, 중괄호를 연 후 case 라는 키워드 다음에 조건값을 쓰고 콜론 (:)을 입력해줍니다.
그리고 비교할 값과 조건값이 서로 일치할 때, break 라는 키워드를 작성하는데 이 break의 역할은 switch 문을 빠져나오라는 의미입니다.
그리고 마지막 부분 default 는 if 문의 else와 같은 것으로 모든 조건값과도 일치하지 않을 경우 동작할 내용을 작성하는 것입니다.
아래는 switch문의 예시입니다.
let myChoice = 2
switch (myChoice) {
case 1:
console.log("1을 선택하셨군요!");
break;
case 2:
console.log("2를 선택하셨군요!");
break;
case 3:
console.log("3을 선택하셨군요!");
break;
default:
console.log('1, 2, 3 중에 선택해주세요!')
}
//출력 2를 선택하셨군요!
위처럼 어떤 대상과 조건값이 일치하는지를 확인하고, 그 결과에 따라 다른 동작이 필요할 때는 switch문을 활용할 수 있다는 것을 알아두세요!
반응형
'Study > JavaScript' 카테고리의 다른 글
[JavaScript] Ajax에 대하여 (0) | 2021.12.24 |
---|---|
JavaScript Date / 자바스크립트 날짜, 시간 / Date 객체 (0) | 2021.12.06 |
자바스크립트 if문 / JavaScript if statement / 조건문 (0) | 2021.12.06 |
자바스크립트 리턴문 / JavaScript Return (0) | 2021.12.05 |
자바스크립트 함수 선언 ( JavaScript function ) (0) | 2021.12.05 |