🎈 조건문
- 프로그램의 흐름을 변경할 때 사용
[if 조건문]
- 자바스크립트에서 가장 일반적인 조건문으로 활용
- 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용
- 조건이 한 문장이라면 중괄호 생략 가능
- 사용하는 조건 = 불 자료형(boolean)
1. 비교 연산자(==, ===, !=, ...)
2. 논리 연산자(||, &&, !)
📌 if 조건문을 이해하려면 비교 연산자와 논리 연산자를 확실히 학습한 후 진행
[소스 코드]
<script>
// 변수 선언
const date = new Date()
const hour = date.getHours()
// if 조건문
if(hour < 12) {
alert('오전입니다.');
}
if(hour >= 12) {
alert('오후입니다.');
}
</script>
[if else 조건문]
if 조건문뒤에else 구문을 붙여서 사용
- if 조건문
참(true)일 경우실행,
else 구문은거짓(false)일 경우실행
- 정반대 조건을 검사할 때, if 조건문 2번 사용하지 않아도 된다는 장점 =>
성능 향상
[소스 코드]
if(boolean 표현식) {
"참일 때 실행할 문장"
} else {
"거짓일 때 실행할 문장"
}
[중첩 조건문]
- 조건문 안에 조건문 중첩
[소스 코드]
if(boolean 표현식1) {
if(boolean 표현식2) {
"표현식2가 참일 때 실행할 문장"
} else {
"표현식2가 거짓일 때 실행할 문장"
}
} else {
if(boolean 표현식3) {
"표현식3이 참일 때 실행할 문장"
} else {
"표현식3이 거짓일 때 실행할 문장"
}
}
[if else if 조건문]
- 겹치지 않는 3가지 이상의 조건으로 나눌 때 사용
[소스 코드]
if(hour < 10) {
alert('아침 식사 시간입니다.')
} else if(hour < 14) {
alert('점심 식사 시간입니다.')
} else {
alert('저녁 식사 시간입니다.')
}
🎈 핵심포인트
🍀 if 조건문 : 조건에 따라 코드 실행 or 실행하지 않도록 하는 사용 구문
🍀 else 구문 : if 조건문 거짓일 때 if 뒤에 사용
🍀 중첩 조건문 : 조건문에서 { 기호 중첩 사용
🍀 if else if 조건문 : 중첩 조건문에서 중괄호 생략, 겹치지 않는 3가지 이상 조건 사용
⭕ 초보자들이 하기 쉬운 실수 : 값 비교를 위해 if 문의 동등 연산자(==)를 사용해야 할 곳에 대입 연산자(=)로 잘못 사용
⭕ 간단한 if / else 문을 삼항 연산자를 이용하여 표현
표현식 ? 반환값1 : 반환값2
