- 제어문 : 코드의 실행 흐름과 직접적인 관련이 있는 문장
if 조건문
- 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문
<script>
if(불 값이 나오는 표현식) {
// 불 값이 참일 때 실행할 문장
}
if (273 < 100) {
alert('273 < 100 >= true')
{
alert('종료')
</script>
> const date = new Date()
undefined
> date.getFullYear()
2023
> date.getMonth() + 1
9
> date.getDate()
3
> date.getHours()
21
> date.getMinutes()
37
> date.getSeconds()
2
- Date()
- FullYear : 올해 (ex : 2023)
- Month : 월 (0~11) → 1월이 0
- Date : 일 (1~31) → 1일이 1
- Hours : 시간 (0~23)
// 현재 시간 구분하는 코드
const date = new Date()
const hours = date.getHours()
if(hours < 12) {
alert('오전입니다!')
alert(`현재 시간은 ${hours}시로 오전입니다!`)
}
if(hours >= 12) {
alert('오후입니다!')
alert(`현재 시간은 ${hours}시로 오후입니다!`)
}
if else 조건문
if(불 값이 나오는 표현식) {
// 불 값이 참일 때 실행할 문장
} else {
// 불 값이 거짓일 때 실행할 문장
}
if(hours < 12) {
alert(`현재 시간은 ${hours}시로 오전입니다!`)
} else {
alert(`현재 시간은 ${hours}시로 오후입니다!`)
}
const date = new Date()
const hours = date.getHours()
// const hours = (new Date()).getHours()
if(hours < 10) {
alert('아침밥 먹을 시간입니다')
} else if(hours < 16) {
alert('점심밥 먹을 시간입니다')
} else {
alert('저녁밥 먹을 시간입니다')
}
- 예제 코드
- 예제 2
const a = Number(prompt('첫 번째 숫자', ''))
const b = Number(prompt('두 번째 숫자', ''))
if(a > b) {
alert('첫 번째로 입력한 숫자가 더 큽니다.')
} else if(a == b) {
alert('두 숫자가 같습니다.')
} else {
alert('두 번째로 입력한 숫자가 더 큽니다.')
}
- 예제 4
const a = Number(prompt('숫자를 입력해주세요', ''))
if(a > 0) {
alert('양수입니다')
} else if(a == 0) {
alert('0 입니다')
} else {
alert('음수입니다')
}
- 예제 5
const a = Number(prompt('숫자를 입력해주세요', ''))
if(a % 2 == 0) {
alert('짝수입니다')
} else {
alert('홀수입니다')
}
Switch 조건문
switch (자료) {
case 조건A:
break
case 조건B:
break
default: // 생략 가능
break
}
<script>
const input = Number(prompt('숫자를 입력하세요.', '숫자'))
switch (input % 2) {
case 0:
alert('짝수입니다.')
break
case 1:
alert('홀수입니다.')
break
default:
alert('숫자가 아닙니다.')
break
</script>
조건부 연산자(삼항 연산자)
불 표현식 ? 참일 때의 결과 : 거짓일 때의 결과
<script>
const input = prompt('숫자를 입력해주세요.', '')
const number = Number(input)
const result = (number >=0) ? '0 이상의 숫자입니다.' : '0보다 작은 숫자입니다.'
alert(result)
</script>
짧은 조건문
true || OOO
불 표현식 || 불 표현식이 거짓일 때 실행할 문장
false && OOO
결과가 거짓인 불 표현식 && 불 표현식이 참일 때 실행할 문장
> true || console.log('실행될까요?')
true
> false || console.log('실행될까요?')
실행될까요?
undefined