2주차 혼공JS

수댕이·2023년 7월 16일

혼공 혼공JS 혼공학습단

혼공학습단

목록 보기

4/15

2주차 진도

혼자 공부하는 자바스크립트
CH.03 조건문

03. 조건문

학습목표

if 조건문 사용법
switch 조건문 사용법
조건부 연산자
짧은 조건문

03-1. if 조건문

용어 정리
조건문: 조건에 따라 코드의 실행 여부를 결정하는 코드
조건 분기: 코드가 실행되는 흐름을 변경하는 것
조건: 불 자료형, 비교 연산자와 논리 연산자를 활용해 만든다.

if 조건문
불 표현식의 값이 true면 중괄호 안의 코드를 실행하고, false면 무시한다.

if(불 값이 나오는 표현식){
  불 값이 참일 때(= 조건이 참인 경우) 실행할 코드

시간 함수

년도(YYYY)
```
getFullYear()
```

월

getMonth() + 1
// getMonth() 메소드는 0~11 사이의 값을 출력한다.

일
```
getDate()
```

시간

getHours()
 // 시
 getMinutes()
 // 분
 getSeconds()
 // 초

if else 조건문
서로 반대되는 상황을 표현하는 구문이다.

if(불 값이 나오는 표현식){
	불 값이 참일 때 실행할 문장
} else{
	불 값이 거짓일 때 실행할 문장
}

중첩 조건문
조건문 안에 조건문을 중첩해서 사용한 것이다.

if(불 값이 나오는 표현식){
  // 표현식 1이 참이면 아래 if else문 실행
  if(불 값이 나오는 표현식2){
    표현식 2가 참일 때 실행할 문장
  } else{
    표현식 2가 거짓일 때 실행할 문장
  }
} 
// 표현식 1이 거짓이면 아래 else문 실행
else{
    if(불 값이 나오는 표현식3){
      표현식 3이 참일 때 실행할 문장
    } else{
      표현식 3이 거짓일 때 실행할 문장
    }
}

if else if 조건문
if 조건문에서 조건이 한 문장 = 중괄호 생략 가능
-> 중첩 조건문에서 중괄호를 생략한 형태 = if else if 조건문
--> 겹치지 않는 3개 이상의 조건으로 나눌 때 사용한다.
```
if(불 표현식){
   문장
} else if(불 표현식){
   문장
} else if(불 표현식){
   문장
} else {
   문장
}
```

03-2. switch 조건문과 짧은 조건문

switch 조건문
switch()의 괄호 안에 비교할 값을 입력하고, 입력한 값을 기준으로 그에 맞는 case를 실행한다.
```
switch (자료){
        case 조건 A:
            break
        case 조건 B:
            break
        default:
            break
}
```
- break
  switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드이다. 생략 가능하다.
조건부 연산자
삼항연산자라고도 부르는 조건문과 비슷한 역할을 하는 연산자를 조건부 연산자라고 한다.
불 표현식 ? 참일 때의 결과 (true): 거짓일 때의 결과(false)
```
(number >= 0) ? '0 이상의 수': '0보다 작은 수'
```
number의 값이 0 이거나 0 보다 크면 '0 이상의 수', 아니라면 '0 보다 작은 수'가 출력된다.

짧은 조건문
논리 연산자의 특성을 조건문으로 사용하는 것을 짧은 조건문이라고 한다.
- 논리합 연산자
  불 표현식 || 불 표현식이 거짓일 때 실행할 문장
  따라서 좌변의 불 표현식이 true라면 우변은 실행되지 않는다.
  좌변이 false라면 우변의 문장을 실행한다.
- 논리곱 연산자
  결과가 거짓인 불 표현식 && 불 표현식이 참일 때 실행할 문장
  논리곱 연산자를 사용한 짧은 조건문에서는 좌변이 거짓이면 우변을 실행하지 않는다.
  논리곱 연산자가 양변이 모두 참이어야 참이기 때문이다.