흐름제어(Flow Control)

MyeonghoonNam·2021년 8월 2일
0
post-custom-banner

흐름 제어

  • 자바스크립트의 스크립트를 작성하면서 필요에 따라 조건에 맞는 처리가 필요하거나 반복적으로 처리해야 할 필요성이 대두된다.
  • 위와 같은 상황들에 맞게 자바스크립트는 조건문과 반복문들을 제공한다.

조건문

조건문은 특정 조건이 참인 경우에 실행하는 명령의 집합입니다.

if

  • else if, else와 함께 사용가능하다.
  • 특정 조건이 참인 경우 문장을 실행하기 위해 if 문을 사용하며, 또한 선택적으로 조건이 거짓인 경우 문장을 실행하기 위해서는 else 절을 사용합니다.
  • false, undefined, null, 0, NaN, ""(빈 문자열)과 같은 값들도 거짓으로 판별한다.
const a = 10;
const b = 20;

if (a < b) {
  // 참이므로 실행된다.
  console.log(a);
} else {
  // 위의 조건이 실행되었으므로 무시된다.
  console.log(b);
}

if (a > b) {
  // 거짓이므로 무시된다.
  console.log('a is big');
} else if (a === b) {
  // 거짓이므로 무시된다.
  console.log('same');
} else {
  // 위 조건 모두 거짓이므로 실행된다.
  console.log('b is big');
}

switch

  • 괄호 안의 값에 따라 분기되는 문법이다.
  • case, default와 함께 쓰인다.
  • case문안의 break문을 생략하면 바로 다음 case문이 함께 실행될 수 있으므로 주의해야한다.
  • switch문은 프로그램이 표현식을 평가하고 값을 조건과 비교합니다. 만약 값이 일치한다면, 프로그램은 각 조건의 하위 문장을 실행합니다.
const grade = 'C';

switch (grade) {
  case 'A':
    console.log('A grade');
    break;
  case 'B':
    console.log('B grade');
    break;
  case 'C':
    console.log('C grade');
    break;
  case 'D':
    console.log('D grade');
    break;
  case 'F':
    console.log('F grade');
    break;
  default:
    console.log('UnKnown');
}

반복문

  • 반복문은 매우 다양한 종류가 있습니다.
  • 반복문은 한 동작을 여러 번 반복합니다. (사실 0회 반복하는 것도 가능합니다.)

for

  • 어떤 특정한 조건이 거짓으로 판별될 때까지 반복한다.
  • 가장 기초적인 반복문으로 초기식, 조건식, 증감식으로 이루어져 있다.(각각의 식은 생략가능)
// for(초기문; 조건문; 증감문)
for (let i = 0; i < 10; i++) {
  console.log(i);
}

while

  • 괄호 안의 조건이 거짓이 될 때까지 반복된다.
let x = 0;
while (x < 10) {
  x += 1;

  console.log(x);
}

do-while

  • while문과 다르게 한 번의 실행을 한 후에 다음 조건을 검사한다.
let x = 0;

do {
  console.log('Hoon');
} while (x > 10);


참고자료

profile
꾸준히 성장하는 개발자를 목표로 합니다.
post-custom-banner

0개의 댓글