자바스크립트 기초 (3)

1. 제어문

제어문이란?

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

제어문 종류

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

2. 조건문

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

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

  기본형

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

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

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

  기본형

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

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

  confirm 함수의 기본형

  confirm("메시지");

• else if 문
  두 가지 이상의 조건식과 정해 놓은 조건을 만족하지 않았을 때 실행되는 코드로 이루어져 있습니다.

  기본형

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

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

  기본형

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

3. 선택문

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

  기본형

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

4. 반복문

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

  기본형

  var 변수 = 초깃값;
  while(1.조건식)
  {
  	2.자바스크립트 코드;
   	3.증감식;
  }

  실행순서 : 1 -> 2 -> 3 -> 1 -> ...

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

  기본형

  var 변수 = 초깃값;
  do
  {
  	자바스크립트 코드;
    증감식;
  }while(조건식)

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

  기본형

  for(1.초깃값;2.조건식;3.증감식)
  {
  	4.자바스크립트 코드;
  }

  실행 순서 : 1 -> 2 -> 4 -> 3 -> 2 -> ....

• 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(초깃값;조건식;증감식)
  	{
  		자바스크립트 코드;
  	}
  }