본문 바로가기
JavaScript

JavaScript 조건문1(if, else, else if)

by wlals5855 2024. 5. 18.
자바스크립트 제어문

 

제어문: 프로그램의 흐름을 제어하는 경우에 사용하는 실행문(조건문, 반복문)

순차문: 코드가 위에서 아래로 순차적으로 실행되는 구문

 

조건문(condition)

- 프로그램에게 특정 조건을 검사하고 그 결과에 따라 다른 행동을 명령하는 방식

- 특정 조건에 따라 코드블록을 실행 | 건너뛰기 가능

조건문의 종류: if문, else문, else if문, switch문

 

1) if문

- 기본적인 조건문으로 특정 조건이 참이면 코드 블록을 실행

<기본형태>

if (조건) {

  조건이 참(true)일 떼 실행할 코드

}

-- 조건 

- 보통 비교 연산자를 사용해 표현

(동등, 일치, 부등호 - boolean 타입으로 반환) - ==, !=, ===, !==, <, >, >=, <=

-리턴값(결과값)은 boolean타입(true, false)

-주어진 조건이 참(true)일 때만 코드블록을 실행

-만약 조건이 거짓(false)이면 코드브록 무시

 

ex)

let num = -10;

if (number > 0) {

console.log('number는 양수입니다.');
}

=> number변수가 0보다 크면 해당 숫자가 양수임을 출력해야 하나 false임으로 콘솔창에 아무 표기가 없다.

 

2) (if) else문

- if문과 함께 사용, if문의 주어진 조건이 거짓일 때 실행할 코드 블록을 정의

<기본형태>

- if (조건) {

조건이 참일때 실행되는 코드

} else {

조건이 거짓일 때 실행되는 코드

}

ex)

let num = -10;

if (number > 0) {

console.log('number는 양수입니다.');

} else {

console.log('number' 음수입니다.);

}

- else문은 if문의 조건이 거짓일 때 실행

즉, if문의 조건을 만족하지 않는 모든 경우에 대해 else문의 코드 블럭이 실행

 

축약도 가능

if (number > 0) console.log('number는 양수입니다.');

else console.log('number는 음수입니다.');

 

 

3) else if문 

- if와 else 사이에 여러 개의 조건을 추가

- 해당 여러 조건을 '순차적'으로 검사하고 싶을 때 사용

- 첫 번째 if 조건이 거짓이면, else if의 조건을 검사

--if문과 else문 사이에 위치, 여러 개의 조건을 확인할 수 있게 해주는 제어 구조

 

<기본형태>

if (조건1) {
  조건1이 참일 때 실행되는 코드
} else if (조건2) {
  조건1이 거짓이고, 조건2가 참일 때 실행되는 코드
} else if (조건3) {
  조건1과 2가 거짓이고, 조건3이 참일 때 실행되는 코드
  ...
} else {
  모든 조건이 거짓일 때 실행되는 코드
}

 

ex)

number = 0;

if (number > 0) {
  console.log('양수입니다.');
} else if (number < 0) {
  console.log('음수 입니다.');
} else {
  console.log('0');
}

- else if문은 if문의 조건이 거짓이고 else if 문의 조건이 참일 때 실행

 

// 나이가 19살 미만 '청소년 관람불가 영화입니다.'출력
// 나이가 20살 이상 '예매가 완료되었습니다.' 출력
// 그 외에는 '연령을 확인 부탁드립니다.' 출력

let age = 20;
if (age <= 19) {
  console.log('청소년 관람불가 영화입니다.');
} else if (age >= 20) {
  console.log('예매가 완료되었습니다.');
} else {
  console.log('다시 확인 부탁드립니다.');
}