ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [JS] 자바스크립트 2일차 요점정리
    Frontend 2019. 2. 9. 23:02

    -프로그램의 흐름제어(2)

    -반복문-


    [1] for 문 : 반복적인 작업 처리!


    for(초기식; 조건식; 증감식) {
    ...반복 수행할 명령...
    }

    1. 초기식을 수행

    2. 조건식을 판별

    - 참인 경우 {}안을 수행

    - 거짓인 경우 {}을 빠져나감.

    3. 참인 경우 {}을 수행하고 증감식으로 이동

    4. 증감식을 수행 후 다시 조건식으로 이동.

    -2번부터 반복


    ex) 1에서 100까지의 합 구하기
    var sum=0;
          for (var i=1;i<=100;i++) {
                   sum+=i;
           }



    [2] While문


    동작 방식은 for문과 동일

    초기식;
    while (조건식) {
    ...반복 수행할 명령...
    증감식;
    }




    -흐름제어 구문의 중첩사용-

    블록{}을 구성하는 구문들은 서로 중첩하여 사용할 수 있음.


    [1] if - if


    if (조건) {
        if (조건) {
            ...
        } else {
            ...
        }
    } else {
        if (조건) {
            ...
        } else {
            ...
        }
    }



    [2] if - for


    조건문 안에 반복문이 들어가는 형태.

        - 조건문은 if문 뿐만 아니라 switch문도 가능함.

        - 반복문은 for문 뿐만 아니라 while문도 가능함.


    if (조건) {
        for (초기식;조건식;증감식) {
        }
    } else {
        for (초기식;조건식;증감식) {
        }
    }




    [3] for - if 


    매 반복 수행시 마다 if문의 조건을 검사함.

    for (초기식; 조건식; 증감식) {
        if (조건) {
            ...
        } else {
            ...
        }
    }

    ex) 1~100까지 숫자 중 짝수(2의 배수), 홀수의 합
                var sum1=0;
                var sum2=0;
                for (var i=1; i<=100; i++) {
                        if (i%2==0) {
                        sum1+=i;
                    } else {
                        sum2+=i;
                    }
                }


    [4] for - for


    * 바깥의 반복문이 1회 수행하는 동안 안쪽의 반복문 전체가 매번 새로 시작함.

    ex)구구단

    * 일반적으로 바깥의 반복문이 행을 표현하고 안쪽의 반복문이 열을 표현함. (행렬)


    for (초기식;조건식;증감식) {
        for (초기식;조건식;증감식) {
            ...
        }
    }



    -함수-

    재사용 가능한 프로그램 명령어의 집합
    function 함수이름(파라미터1, 파라미터2, ..., 파라미터n) {
        ...명령어... //변수 선언, 변수 할당, 조건문, 반복문, 출력문 등
        [return[값]];
    }   ---> 함수의 정의(선언)

    함수(파라미터);  ---> 함수 호출

    - 파라미터(매개변수)는 함수가 실행되기 위해 주어지는 조건값.

    파라미터를 명시할 경우 필요한 만큼 콤마로 구분하여 변수를 선언.

    - 리턴(return)은 함수가 호출된 위치에 결과값을 돌려주기 위한 키워드.

    값(변수)을 명시하지 않을 경우 undefined가 리턴됨.

    함수의 실행 도중, 특정 조건이 충족되어 return을 중간에서 만날 경우 함수는 그 즉시 실행을 중단한다.



    하나의 함수 안에서는 다른 함수를 호출할 수 있다.
    function foo() {
        ...명령어...
        return;
    }
    function bar() {
        var a = foo();
        return a+1;
    }





    반응형

    'Frontend' 카테고리의 다른 글

    [JS] 자바스크립트 4일차 요점정리  (609) 2019.02.09
    [JS] 자바스크립트 3일차 요점정리  (484) 2019.02.09
    [JS] 자바스크립트 1일차 요점정리  (609) 2019.02.09
    [CSS]Day8 -background  (609) 2019.02.09
    [CSS]Day7 -Position  (734) 2019.02.09

    COMMENT