조건문
조건문(Conditional Statements)이란 지정된 특정 조건이 참인지 거짓인지에 따라 서로 다른 코드로 분기하기 위해 사용되는 제어문을 의미한다. 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 하는데, 이러한 제어문중 하나에 해당한다.
(또다른 제어문은 반복문)
| if 문 | |
| if/else 문 | |
| if/else if/else 문 | |
| swhich 문 |
if 문의 구조
if(true) {
// 조건문의 내용
}if다음에 나오는 괄호에는 true, false와 같은 boolean타입의 데이터값이 작성되어야하며, boolean값이 true일 경우 조건문의 내용이 실행되고 false일 경우 조건문의 내용이 무시된다.
if/else & if/else if/else 문의 구조
if만으로는 복잡한 상황을 처리하는데 부족할 수 있기때문에 else와 else if를 활용해야한다.
if(false){
alert(1);
} else {
alert(2);
} // 2가 출력된다.if(false){
alert(1);
} else if(false){
alert(2);
} else if(true){
alert(3);
} else {
alert(4);
} // 3이 출력된다.
조건문의 중첩
조건문은 조건문안에 중첩해서 사용할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
id = prompt('아이디를 입력해주세요.');
if(id == '밀키스'){
password = prompt('비밀번호를 입력해주세요.');
if(password === '밀키스짱좋아'){
alert('인증 했습니다.');
} else {
alert('인증에 실패 했습니다.');
}
} else {
alert('인증에 실패 했습니다.');
}
</script>
</body>
</html>
switch 문
switch문은 사실상 if/else if/else문과 기능상으로는 크게 다르지않으나, 코드를 간결하게 작성할 수 있다는 이점이 있다.
만약 [사과: 100원, 바나나:200원, 키위:300원, 멜론:500원, 수박:500원]와 같이 사용자가 과일을 입력하면 가격을 출력해주는 script를 작성하고자 한다면 다음과 같이 작성할 수 있다.
let fruit = prompt('무슨 과일을 사고싶나요?');
switch(fruit){
case '사과':
console.log('100원에 판매하고 있습니다.');
break;
case '바나나':
console.log('200원에 판매하고 있습니다.');
break;
case '키위':
console.log('300원에 판매하고 있습니다.');
break;
case '멜론':
case '수박':
console.log('500원에 판매하고 있습니다.');
break;
default:
console.log('그런 과일은 없습니다.');
}- 위의 코드를 보다보면 break가 자주 등장하는 것을 발견할 수 있다. switch문에서는 break를 누락하면, break를 만날 때까지 내부 모든 코드를 실행하게 된다. 따라서 적절히 break를 입력해야한다.
- switch문에서는 if/else문에서의 else역할을 default가 실행한다. 따라서 위의 코드에 적혀있지않은 '복숭아'와 같은 입력값을 입력하면'그런 과일은 없습니다.'라는 문구가 출력된다.
'자바스크립트 개념정리' 카테고리의 다른 글
| 표현식 & 문 (모던 자바스크립드 Deep Dive 5장) (0) | 2022.10.14 |
|---|---|
| 배열(array) (0) | 2022.10.12 |
| 함수(function) (0) | 2022.10.12 |
| 연산자의 종류 (0) | 2022.10.11 |
| 변수선언 & 상수선언 (0) | 2022.10.07 |
