[JS] 제어문과 조건문

제어문

제어문이란?

프로그램의 흐름을 제어할 수 있도록 도와주는 코드

제어문 종류

• 조건문 : 조건을 만족하는지의 여부에 따라 코드를 제어할 수 있다.
• 선택문 : 변수에 일치하는 경우 값에 따라 코드를 제어할 수 있다.
• 반복문 : 특정 코드를 여러 번 반복해서 실행한다.

조건문

조건식의 값이 참인지, 거짓인지에 따라 자바스크립트 코드를 제어
조건식에 0이 들어가면 false를 반환하여 조건문의 코드를 실행하지 않음

• if 문
  조건식을 만족 할 경우에만 코드를 실행

  기본형

if(조건식){
  실행할 코드;
}

조건식에 논리형 데이터가 아닌 다른 데이터형이 들어와도 논리형 데이터로 인식
0 , null , (빈 문자) , undefined가 들어오면 false를 반환 / 그 밖의 값은 true 반환

• else 문
  조건을 만족할 경우와 만족하지 않을 경우에 따라 실행되는 코드가 달라짐

기본형

if(조건식){
  실행할 코드;
}else{
  실행할 코드;
}

로그아웃 하거나 회원 탈퇴할 때 확인창이 나와 여부를 물을 때가 있다. 이때 사용하는 함수가 confirm( )함수이다.
이 함수를 사용하여 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환

confirm 함수의 기본형

confirm("메시지");

• else if 문
  두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드

기본형

if (조건식 1) {
  실행할 코드1;
} else if (조건식 2) {
  실행할 코드2;
} else if (조건식 3) {
  실행할 코드3;
}

• 중첩 if 문
  조건문 안에 조건문이 있는 것을 중첩 if 문 이라고 한다.

  기본형

if (조건식 1) {
  if (조건식 2) {
    실행할 코드;
  }
}

선택문

• switch 문
  변수에 저장된 값과 switch 문에 있는 case의 값을 검사하여 변수와 경우의 값이 일치할 때 해당 case의 코드를 실행. if 문과 비슷하지만 if 문은 데이터가 주로 범위 일때 사용하고, switch 문은 여러 경우 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 때 사용

  기본형

var 변수 = 초기값;
switch (변수) {
   case 값1 :
      실행할 코드1;
      break;
   case 값2 :
      실행할 코드2;
      break;
   case 값3 :
      실행할 코드3;
      break;
   default :
      실행할 코드;   // 일치하는데이터가 없을 경우
}

반복문

• while 문
  조건식을 만족할 때까지 코드를 여러 회 반복하여 실행

  기본형

var 변수 = 초기값;
while ( 조건식_1 ) {
   실행할 코드_2;
   증감식_3;
}
// 실행순서 : 1 -> 2 -> 3 -> 1 -> 2 -> ....

• do while 문
  반드시 한 번은 코드를 실행하고 조건식을 검사

  기본형

var 변수 = 초기값;
do {
   실행할 코드;
   증감식;
}
while (조건식)

• for 문
  조건식을 만족할 때까지 특정 코드를 반복하여 실행.
  while 문과 사용 방식은 같지만 while 문에 비해 사용하기 편함

기본형

for ( 초기값_1; 조건식_2; 증감식_3) {
   실행할 코드_4
}
// 실행순서 : 1 -> 2 -> 4 -> 3 -> 2 -> 4 -> 3 -> ....

• break 문과 continue 문
  break 문은 반복문을 강제로 종료시킬 때 사용하고 continue 문은 다음에 오는 코드를 무시하고 바로 조건식 (while문) / 증감식 (for문) 이동하여 코드를 수행

break문 기본형

for(초기값; 조건식; 증감식) {
  실행할 코드_1;
  break;  // 1번을 한번 실행하고 종료
}

var 변수 = 초기값;
while (조건식) {
   실행할 코드_1;
   증감식_2;
   break;  // 1번과 2번을 한번 실행하고 종료
}

continue문 기본형

for(초기값; 조건식; 증감식) {
   continue;
   실행할 코드;  // continue에 걸려 바로 증감식으로 넘어감
}

var 변수 = 초기값;
while (조건식) {
   증감식;
   continue;
   자바스크립트 코드;  // 자바스크립트 코드를 실행하지 않고 조건식으로 넘어감
}

• 중첩 for 문
  for 문 안에 for 문을 사용하는 것을 중첩 for 문 이라고 한다.

기본형

for (초기값; 조건식; 증감식) {
   for (초기값; 조건식; 증감식) {
      실행할 코드;
   }
}