2021-04-09
자바스크립트 내부에는 각 상황에 맞는 처리결과 값을 리턴할 수 있는 Switch라는 구문이 존재한다. 이 Switch 구문의 사용법을 알아보도록 하자.
- 예제
예제는 학생의 점수에 따른 학점을 부여해주는 간단한 학점 부여 Switch 구문을 작성해 보도록 하겠다. 학점은 A, B, C, D, 로 나누어지면 해당 학점을 받지 못한 학생은 F로 낙제점을 받게 된다. 또한 학생의 점수는 0 ~ 100 점으로 한정한다.
- 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var studentScore = 100 // 학생의 점수
var score = "" // 임시데이터 빈문자열
switch(studentScore / 10){
case 10:
case 9:
score = "A"
break; // 아래의 케이스 비교 불필요 정지
case 8:
case 7:
score = "B"
break; // 아래의 케이스 비교 불필요 정지
case 6:
score = "C"
break; // 아래의 케이스 비교 불필요 정지
case 5:
score= "D"
break; // 아래의 케이스 비교 불필요 정지
default:
score= "F"
}
console.log("당신의 학점은 -> " + score)
</script>
</head>
<body>
Hello World
</body>
</html>
코드의 구조를 파악해보면 switch("조건식") 으로 시작된다. 해당 조건식으로 나온 결과물이 각 case(케이스)에할당되는지 파악한다. case는 중복된 값이 없어야 하며, case는 위에서 아래 순으로 진행된다. case에 조건식의 값이 할당되면, 해당 case가 작성된 코드를 실행하며, break를 통해 swith문을 빠져나온다. 만약에 어떠한 case에도 할당되지 않으면, default를 이동해 default에 있는 코드를 실행한다.
메인 이미지 출처: Photo by Micheile Henderson on Unsplash