[생활코딩] javascript - 반복문

본 강의 학습은 [생활코딩]를 통하여 학습하고 있습니다.

JavaScript - 반복 (1/6) : 기본문법

while(조건){

반복해서 실행할 코드

}

while(true){ // 무한루프를 발생 하기 때문에, 이렇게 사용 하면 안된다.

    document.write('coding everybody <br />');

}

JavaScript - 반복 (2/6) : 반복조건

var i = 0;

// 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.

while(i < 10){

    // 반복이 실행될 때마다 coding everybody <br />이 출력된다. <br /> 줄바꿈을 의미하는 HTML 태그

    document.write('coding everybody <br />');

    // i의 값이 1씩 증가한다.

    i++

}

JavaScript - 반복 (3/6) : for문

for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){

    반복해서 실행될 코드

}

for(var i = 0; i < 10; i++){

    document.write('coding everybody'+i+'<br />');

}

참고 : while과 for중에서는 for가 조금 더 낫다. 코드 가독성등..

JavaScript - 반복 (4/6) : 반복문의 효용

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

document.write('coding everybody');

위 처럼 10번 반복할 내용을 아래 처럼 몇줄로 할 수 있다. 

var i = 0;

while(i < 10){

    document.write('coding everybody <br />');

    i++;

}

var i = 0;

while(i < 10){

    document.write('coding everybody '+i+'<br />');

    i++;

}

JavaScript - 반복 (5/6) : 반복문의 제어 (break,continue)

반복문 중간에 강제 종료, 특정 내용을 건너뛰게 할 수 있다.

- break : 강제 종료

for(var i = 0; i < 10; i++){

    if(i === 5) {

        break;

    }

    document.write('coding everybody'+i+'<br />');

}

[실행결과]

coding everybody 0

coding everybody 1

coding everybody 2

coding everybody 3

coding everybody 4

- continue : 특정 조건은 건너뛰고 다시 반복문 실행

for(var i = 0; i < 10; i++){

    if(i === 5) {

        continue;

    }

    document.write('coding everybody'+i+'<br />');

}

[실행결과]

coding everybody 0

coding everybody 1

coding everybody 2

coding everybody 3

coding everybody 4

coding everybody 6

coding everybody 7

coding everybody 8

coding everybody 9

JavaScript - 반복 (6/6) : 반복문의중첩

- 반복문안에 또 반복문이 나올 수 있다.

// 0부터 9까지 변수 i에 순차적으로 값을 할당        

for(var i = 0; i < 10; i++){

    // 0부터 9까지의 변수를 j의 값에 순차적으로 할당

    for(var j = 0; j < 10; j++){    

        // i와 j의 값을 더한 후에 출력

        // String은 숫자인 i와 j의 데이터 타입을 문자로 형태를 변환하는 명령이다. 

        // String()을 제거하고 실행해보면 의미가 좀 더 분명하게 드러날 것이다.

        document.write(String(i)+String(j)+'<br />');

    }

}