제어문

heejung·2022년 3월 16일
0

deep dive

목록 보기
6/20
post-custom-banner

조건에 따라 코드 블록을 실행하거나 반복 실행할 때 사용한다.

블록문


  • 0개 이상의 문을 중괄호{}로 묶은 것
  • 하나의 실행 단위로 취급
{
  var foo = 10;
}

조건문


if ... else 문

  • 조건식의 평가 결과에 따라 실행할 코드 블록을 결정
  • 조건식은 불리언 값으로 평가될 수 있는 표현식
if (조건식1) {
  // 조건식1이 참일 때 실행할 코드
} else if(조건식2) {
  // 조건식2가 참일 때 실행할 코드
} else {
  // 조건식1,2가 모두 거짓일 때 실행할 코드
}

Switch 문

  • 주어진 표현식 평가 => 그 값과 일치하는 표현식을 갖는 case문 실행
  • 표현식은 불리언 값보다는 문자열, 숫자 값인 경우가 많음
  • 일치하는 case문 없으면 default 문 실행 (선택사항)
switch (표현식) {
  case 표현식1:
    // 표현식 일치하면 실행될 코드
    break;
  case 표현식2:
    // ...
    break;
  default:
    // 일치하는 표현식 없을 때 실행될 코드
}

주의
case 문마다 마지막에 break를 사용해야 다음 case로 넘어가지 않고 탈출할 수 있다.
만약 여러 개의 case문을 하나의 조건으로 사용하고 싶을 때는 break를 생략하면 된다.


반복문


  • 조건식이 거짓일 때까지 코드 블록 반복 실행

for 문

  • 반복 횟수 명확할 때 주로 사용
for (변수 선언문/할당문; 조건식; 증감식) {
  // 반복 실행될 코드
}

for (var i = 0; i < 2; i++) {
  console.log(i);
}
/* 실행 결과
	0
	1
*/

// 변수 선언문, 조건식, 증감식 모두 생략 => 무한루프
for (;;) { ... } 

while 문

  • 반복 횟수 불명확할 때 주로 사용
var count = 0;

while (count < 3) {
  console.log(count); // 0 1 2
  count++;
}

// 조건식 평가 결과가 항상 true => 무한 루프
while (true) { ... }

// if문으로 무한루프 탈출
while (true) {
  console.log(count);
  count++;
  
  // count=3이면 반복문 탈출
  if (count === 3) break;
}

do ... while 문

  • 코드 블록 먼저 실행하고 조건식 평가
  • 코드 블록 무조건 한 번 이상 실행되어야할 때 사용
var count = 0;

do {
  console.log(count); // 0 1 2
  count++;
} while (count < 3);

break 문

  • 레이블 문, 반복문, switch 문의 코드 블록 탈출
  • 불필요한 반복을 회피하기 위해 사용

continue 문

  • 반복문 실행을 현 지점에서 중단하고 반복문의 증감식으로 실행 흐름 이동
var string = 'Hello World';
var search = 'l';
var count = 0;

for (var i = 0; i < string.length; i++) {
  // l이 아니면 실행 중단하고 반복문의 증감식으로 이동
  if (string[i] !== search) continue;
  // continue가 실행되면 아래 코드는 실행 X
  count++;
}

console.log(count); // 3
profile
프론트엔드 공부 기록
post-custom-banner

0개의 댓글