Java Script - 반복문 while, for

for이나 while문을 이용하면 반복되는 코드를 간편하게 작성할 수 있다.

       for(let i = 0; i < 5; i++){

            console.log(i);

        }

제일 기본적인 for문의 문법이다. 변수 i를 선언하고 몇 번 반복할 건지 설정한다. 그리고 i를 1씩 증가시킨다.

그 후 i를 출력한다.

결과는 0 1 2 3 4 가 된다.

 

for - in, for - of 반복문은 배열이나 오브젝트에서 사용할 수 있다.

        let number = [51, 7, 24, 6];

        let len = number.length;

        for(let i in number){

            console.log(number[i]);

        }

        for(let i of number){

            console.log(i);

        }

첫번째 for문은 i가 인덱스 번호로 작용한다. 즉, i는 0, 1, 2, 3 이 되어 number[0], number[1]... 을 출력한다.

두번째 for문에서 i는 값 자체를 가져온다. 즉, i는 51, 7, 24, 6이 되어 그 값을 출력한다.

결과는 같지만 동작하는 방식에서 차이가 난다.

 

그냥 for문과 for-in, for-of의 차이점은 for문은 처음 시작과 끝의 순서를 정할 수 있다. i를 1이나 4부터 시작할 수도 있고, 반복되는 횟수를 6이나 3으로 변경할 수 있다.

반면 for-in, for-of 는 전체를 읽어들이는 방식으로 데이터가 방대한 경우 퍼포먼스가 떨어질 수 있다.

        let x = 1;

        let sum = 0;

        while(x < 10){

            sum += x;

            x++;

        }

        console.log(sum);

while의 기본 구조이다.

while은 조건만 작성할 수 있기 때문에 변수는 미리 선언하고 변수 값 변경은 while 문 안에 작성해야 한다.

        let x = 11;

        let sum = 0;

        do{

            sum += x;

            x++;

        }

        while(x < 10);

        console.log(sum);

do-while문은 조건은 나중에  확인하고 먼저 코드를 실행한다. while 조건문만 보면 false로 실행되면 안되지만 do 문에서 먼저 실행되기 때문에 sum이 11로 변경되고 while 부분에서 반복문이 끝나서 11이 출력된다.