자바스크립트 입문 제 4강

조건문

조건문을 사용하면 특정 조건이 만족됐을 때 코드를 실행할 수 있습니다.

조건문의 종류는 아래와 같습니다.

• if문
• switch/case문

---

if문

if문은 괄호의 조건식이 만족하면 코드를 실행합니다.

const lion = 7;
if(lion === 7) {
    console.log('멋쟁이사자처럼 7기');
}

결과는 ‘멋쟁이사자처럼 7기’가 Console에 출력됩니다.

만약 lion의 값이 7이 아닌 다른 값이면 결과가 어떻게 나올까요?

const lion = 6;
if(lion === 7) {
    console.log('멋쟁이사자처럼 7기');
}

결과를 확인해보셨나요? 아무것도 출력되지 않습니다.

if문의 기본 구조는 아래와 같습니다.

if(/* 조건식 */) {
    // 만족하면 실행되는 코드;
}

조건식을 만족하면 실행되는 코드가 중괄호 {}로 감싸져 있는데, 이를 코드블럭이라고 합니다.

만약 조건식의 결과가 true이면 코드 블럭 내의 코드가 실행되고, false면 실행되지 않습니다.

if-else문

만약 특정 조건이 만족할 때와 만족하지 않을 때에 서로 다른 코드를 실행해야 한다면 어떻게 해야 할까요? 바로 if-else문을 사용하면 됩니다.

const lion = 6;
if(lion === 7) {
    console.log('멋쟁이사자처럼 7기');
} else {
    console.log('7기가 아니시군요!');
}

위의 코드의 결과는 Console에 ‘7기가 아니시군요!’라고 출력이 됩니다.

if-else if문

여러 조건에서 여러 작업을 수행하려면 if-else if문을 사용합니다.

const lion = 5;
if(lion === 7) {
    console.log('멋쟁이사자처럼 7기');
} else if(lion === 6) {
    console.log('멋쟁이사자처럼 6기');
} else if(lion === 5) {
    console.log('멋쟁이사자처럼 5기');
} else if((lion <= 4)) {
    console.log('멋사 할아버지..?');
} else {
    console.log('멋사가 아니시군요!');
}

switch/case문

여러 조건에서 여러 작업을 수행할 때, switch/case문을 사용할 수도 있습니다.

const job = 'front-end';
switch (job) {
  case 'front-end':
    console.log('프론트엔드 개발자');
    break;
  case 'back-end':
    console.log('백엔드 개발자');
    break;
  case 'designer':
    console.log('디자이너');
    break;
  case 'director':
    console.log('기획자');
    break;  
  default:
    console.log('다른 일을 하시나봐요?');
}

switch/case 문은 이와 같이 특정 값이 무엇이냐에 따라 다른 작업을 수행 할 수 있게 해줍니다.

switch/case 문에서는 각 case 에서 실행할 코드를 작성하고 맨 마지막에 break; 를 해주어야 합니다. break 를 하지 않으면 그 다음 case 의 코드까지 실행해버립니다.

그리고, 맨 아래의 default: 는 job 값이 우리가 case 로 준비하지 않은 값일 경우를 의미합니다.

---

이번 교안의 내용은 여기까지입니다.

다음 교안에서는 JavaScript의 함수에 대해 알아보겠습니다.