자바스크립트로 프로그래밍 입문 8. 조건문(Conditional Statement) 1 - if else, Boolean 타입, 비교연산자

조건문(Conditional Statement)

조건문(Conditional Statement)은 조건에 따라 다른 코드를 실행할 수 있게하여 프로그램에 분기를 주는 있는 프로그래밍 문법입니다. 이번 글에서는 조건문 중 하나인 if else문을 공부해 보겠습니다.

if else 문

if else 문의 구조를 살펴봅시다.

if(조건){
  조건을 만족하는 경우 이곳의 코드가 실행됨
}
else {
  조건을 만족하지 못하는 경우 이곳의 코드가 실행됨
}

- 만약(if) 조건이 참이라면 조건이 참일 경우 할 일 코드를 실행하고, 조건이 거짓이라면(참이 아니라면(else)) 조건에 맞지 않을 경우 할 일 코드를 실행합니다. 여기서 if와 else는 예약어입니다.

- else { ... } 부분은 생략될 수 있으며, else 부분이 없으면 조건에 맞지 않을 경우 아무일도 하지 않고 다음 코드로 진행합니다.

위 구조를 완전히 이해하려면 조건이 참, 조건이 거짓이라는 것이 무슨 뜻인지 알아야 겠죠. 프로그래밍에서 참과 거짓은 Boolean 타입(자료형)의 데이터입니다.

불리언(Boolean) 타입

Boolean에 해당하는 데이터는 참(true)과 거짓(false) 단 두가지 뿐이며 참은 true로 나타내며 거짓은 false로 나타냅니다. 이들은 데이터이므로 당연히 변수에 넣을 수도 있고, 연산을 통해 얻을 수도 있습니다. true와 false는 예약어입니다.

브라우저 콘솔을 열고(콘솔 여는 법 링크) 아래의 코드를 실행해 봅시다.

function trueOrFalse(value){
  if(value){ 
    console.log("참입니다"); 
  } 
  else { 
    console.log("거짓입니다"); 
  }
}

var condition1 = true;
var condition2 = false;

trueOrFalse(condition1);
trueOrFalse(condition2);

trueOrFalse함수에 true가 대입된 condition1을 넣어 호출하면 if else 문에 의해 "참입니다"가 콘솔에 출력되고, false가 대입된 condition2를 넣어 호출하면 if else문에 의해 "거짓입니다"가 출력됩니다.

이 예제에서는 참(true)과 거짓(false)를 변수에 넣어 직접 전달해 주었지만, 비교연산자를 통해 true나 false를 생성할 수도 있습니다.

비교연산자

좌항과 우항을 비교하여 그 값들에 따라 Boolean 타입 true 혹은 false를 생성하는 연산자들을 비교연산자라고 합니다.

비교연산자	의미	예제	결과
==	좌항과 우항이 같음	1 == 1	true
!=	좌항과 우항이 같지 않음	1 != 1	false
>	좌향이 우항보다 큼	1 > 2	false
<	촤항이 우항보다 작음	1 < 2	true
>=	좌항이 우항보다 크거나 같음	1 >= 1	true
<=	우항이 좌항보다 크거나 같음	1 <= 1	true

if else 문과 비교연산자를 이용하여 '나이'를 입력받아 성년자인지 미성년자인지를 알려주는 함수를 만들어 봅시다.

function isAdultOrNot(age){
  if(age>=19){
    console.log("성인입니다"); 
  } 
  else { 
    console.log("미성년자입니다"); 
  }
}

isAdultOrNot(13), isAdultOrNot(40) 등의 값을 입력해 보고 값을 확인해 봅시다.

정리 및 요약

• 조건문(Conditional Statement): 프로그램 코드가 조건에 따라 다른 코드를 실행할 수 있게 프로그램에 분기를 줄 수 있는 프로그래밍 문법
• if else 문:

  if(조건){
    조건이 참(true)인 경우 이곳의 코드가 실행됨
  }
  else {
    조건이 거짓(false)인 경우 이곳의 코드가 실행됨
  }

  if, else는 예약어
• 불리언(Boolean): 참(true)과 거짓(false)을 표현하는 데이터 타입(자료형). true. false은 예약어
• 비교연산자: 좌항과 우항을 비교하여 그 값들에 따라 true 혹은 false를 생성하는 연산자

• 비교연산자	의미
  ==	좌항과 우항이 같음
  !=	좌항과 우항이 같지 않음
  >	좌향이 우항보다 큼
  <	촤항이 우항보다 작음
  >=	좌항이 우항보다 크거나 같음
  <=	우항이 좌항보다 크거나 같음