Web
[ JS ] 조건문 - if문 / switch문
96__혀누
2024. 4. 15. 17:28
제어문 - 조건문
if문
if(조건식){
조건식의 결과가 true일 때 실행할 문장;
...
}
if(조건식){
조건식의 결과가 true일 때 실행할 문장;
...
}else{
조건식의 결과가 false일 때 실행할 문장;
...
}
if(조건식1){
조건식1의 결과가 true일 때 실행할 문장;
...
}else if{
조건식2의 결과가 true일 때 실행할 문장;
...
}else{
모든 조건식의 결과가 false일 때 실행할 문장;
...
}
# if문 사용 예제
<head>
<title>if 문</title>
</head>
<body>
<h2>if 문</h2>
<script>
const age = Number(prompt('나이를 입력하세요'))
if(age > 19){
console.log('성인입니다.')
}else if(age > 14){
console.log('청소년입니다.')
}else if(age > 6){
console.log('어린이입니다')
}else{
console.log('유아입니다.')
}
</script>
</body>
switch 문
if문과 달리, 해당 조건들을 살펴본 후, 해당 조건에 맞는 문장을 출력한다
※ break문을 사용하지 않을 시, 모든 출력문을 실행하니 주의해야 한다.
switch(변수 또는 값) {
case 값1:
변수와 값1이 같은 경우 실행할 문장;
...
break;
case 값2:
변수와 값2가 같은 경우 실행할 문장;
...
break
default:
변수와 모든 값이 다를 경우 실행할 문장;
...
}
num = 10
switch(num) { // break문이 없을 경우, 남은 실행문을 모두 실행한다.
case 5:
console.log('num은 5입니다');
break;
case 10:
console.log('num은 10입니다');
break;
default:
console.log('원하는 값이 없습니다');
}
# switch문 사용 예제
<head>
<title>switch 문 1</title>
</head>
<body>
<h2>switch 문 1</h2>
<script>
let input = prompt('아동, 청소년, 성인 중 하나를 고르세요');
switch(input) {
case '아동':
input += ': 입장료 무료'; // "아동: 입장료 무료"
break;
case '청소년':
input += ': 입장료 5,000원';
break;
case '성인':
input += ': 입장료 10,000원'
break;
default:
alert('입력값을 확인하세요!')
input = '입력값 확인';
}
console.log(input);
</script>
</body>
조건문 사용 예제
달(month)을 입력받아 해당 달의 마지막 일이 몇일인지 출력하는 문서를 만들어보자.
( 단, 입력은 prompt로 받으며, 2월의 마지막 날짜는 28일로 하기로 함)
<head>
<title>swich문 2</title>
</head>
<body>
<h2>swich문 2</h2>
<script>
const month = Number(prompt('달을 입력하세요'))
switch(month){
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
console.log(`${month}월의 마지막 일자는 31일입니다.`)
break;
case 2:
console.log(`${month}월의 마지막 일자는 28일입니다.`)
break;
case 4: case 6: case 9: case 11:
console.log(`${month}월의 마지막 일자는 30일입니다.`)
break;
}
</script>
</body>