Jin's Dev Story

[JavaScript] 조건문 본문

Programming Language/JavaScript

[JavaScript] 조건문

woojin._. 2023. 9. 3. 21:55
  • 제어문 : 코드의 실행 흐름과 직접적인 관련이 있는 문장

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
 

'Programming Language > JavaScript' 카테고리의 다른 글

[JavaScript] 자료의 비파괴와 파괴  (0) 2023.10.13
[JavaScript] 배열  (0) 2023.10.13
[JavaScript] 함수  (0) 2023.09.07
[JavaScript] 자료와 변수  (0) 2023.08.31
[JavaScript] 자바스크립트란?  (0) 2023.08.31