자바스크립트 기초 (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(변수)
    {
      case1:
        코드1;
        break;
      case2:
        코드2;
        break;
      case3:
        코드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(초깃값;조건식;증감식)
    	{
    		자바스크립트 코드;
    	}
    }

좋은 웹페이지 즐겨찾기