[JS] 제어문

Cola Coca·2022년 7월 20일

JS

목록 보기
2/9

제어문이란

  • 코드 블록을 필요에 따라 실행하여 프로그램의 흐름을 제어하는 실행문.
  • 조건에 따라 코드 블록을 실행하는 조건문과 코드 블록을 반복하여 실행하는 반복문이 있다.

코드 블록

  • 코드 블록은 { }로 묶은 코드로, 하나의 단위로써 실행된다.
  • JS에서는 일반적으로 문(statement)의 끝에 ;을 붙이지만 블록문의 끝에는 붙이지 않는다.
  • 단독으로 사용 가능하지만 주로 제어문 혹은 함수의 구현부분을 작성할 때 사용된다.
{
 	// 실행할 코드...
}

조건문

  • 조건에 따라 코드 블록의 실행 여부 혹은 어느 코드 블록을 실행할지 정할 수 있다.
  • JS에서는 조건문은 if ~ else 문과 switch 문이 있다.

if ~ else 문

  • 조건식에 따라 실행할 코드 블록을 선택할 수 있다.
  • 조건에 따른 "분기처리"를 통해 다양한 상황에 따른 코드 실행이 가능하다.
  • 조건식에는 true 혹은 false로 평가되는 값 또는 식이 들어가야한다.
  • 키워드로 ifelse, else if 가 사용된다.
  • 실행할 코드가 한줄인 경우 코드 블록은 생략 가능하다.
  1. if : 조건식이 참이면 코드블록이 실행되고 거짓이면 실행되지 않는다.
if(조건식) {
	// 조건식의 값이 true이면 실행할 코드 작성
}
  1. else : 조건식이 거짓인 경우 실행된다.
if(조건식) {
	// 조건식의 값이 true일 때 실행할 코드 작성
} else {
	// 조건식의 값이  false일 때 실행할 코드  작성
}
  1. else if : 여러 조건식을 통해 더 구체적인 분기 처리가 가능하다.
if(조건식1) {
	// 조건식1의 값이 true일 때 실행할 코드 작성
} else if(조건식2) {
	// 조건식2의 값이 true일 때 실행할 코드 작성
} else {
	// 앞선 조건식1과 조건식2 모두 false일 때 실행할 코드 작성
}
  1. { } 생략 : 실행할 코드가 한줄인 경우 코드 블록 생략이 가능하다.
// 조건식이 참인 경우 콘솔창에 "참입니다" 출력
if(조건식) console.log("참입니다");

switch 문

  • switch 의 값(표현식)과 case 의 값(표현식)을 비교하여 일치하는 case 문을 실행한다.
  • default를 통해 기본으로 실행될 코드를 작성할 수 있다.
  • break 를 통해 탈출하지 않으면 일치하는 case 문의 뒤에 작성 된 case 문들도 실행된다.
switch() {
  case1: {
  	// switch 문의 값이 값1인 경우 실행할 코드 작성
    break; // 탈출
  }
  case2: {
  	// switch 문의 값이 값2인 경우 실행할 코드 작성
    break; // 탈출
  }
  case3: {
  	// switch 문의 값이 값3인 경우 실행할 코드 작성
   	// break가 생략되어 switch 문의 값이 값3인 경우 default문까지 실행
  }
  default: {
  	// 값이 모든 case와 일치하지 않을 경우 실행
    // 마지막에 실행되는 코드이기 때문에 break 불필요
  }
}

반복문

  • 조건식이 참인 경우 반복문의 코드블록을 실행하고 조건식이 거짓이 될 때까지 반복한다.
  • JS의 반복문은for, while, do~while이 있다.

for문

  • 조건식의 값이 false가 될 때까지 코드 블록을 반복 실행한다.
  • 증감식을 통해 for 문의 종료 시점을 제어할 수 있다.
  • 조건식에 사용될 초기값 변수, 조건식, 코드 블록 종료 후 값을 변화시키는 증감식이 필요하다.
for(초기값 변수;조건식;증감식) {
	// 반복 실행할 코드 작성
}

while문, do ~ while문

  • 조건식의 값이 true인 경우 코드 블록을 실행한다.
  • for 문과 다르게 초기값과 증감식은 포함되지 않는다.
  • 반복 횟수가 불확실할 때 사용한다.
  • 조건식에 true 값을 직접 입력시 무한 루프를 돌게 된다.
    => break 문을 통해서 무한 루프를빠져나올 수 있다.
  • 코드를 한번은 실행하고 while문을 반복한다.
while(조건식) {
  // 조건식이 true인 경우 반복 실행
}

//무한 루프
while(true) {
  // 조건식이 항상 true이기 때문에 무한 루프
  
  // if 문의 조건식이 true이면 무한 루프 탈출
  if(조건식) break;
}

do {
  // 코드 블록을 먼저 실행 후 while문 평가
} while(조건식)

0개의 댓글