반복문

############### 반복문(Loops and iteration) ##################

 

반복 조건이 true면 실행하고, false일때 멈춘다.

// document.write는 자바스크립트를 이용해서 웹페이지에 텍스트를 출력한다.
// 이것은 웹브라우저에서만 동작할 것이다. node.js 콘솔과 같은 환경에서 실습을 한다면
// console.log와 같은 메소드를 대신 사용한다.

while(true){
    document.write("coding everybody <br />");
}

for(var i = 0; i < 10; i++){
          document.write("coding everybody"+i+"<br />");
}

- while과 for의 차이점
while문은 [ ①초기화 ②반복조건 ③반복이 될 때마다 실행되는 코드 ] 의 기입장소가 서로 멀어질 수 있는데,
for문 같은 경우, 
for( ① ; ② ; ③ ) { ~ } 이런 형식으로, while문의 반복조건을 넣는곳에 전부 기입할 수 있다.
그러므로, 더 보기 편하고 오류도 줄일 수 있다.

- 반복문을 실행 도중에 제어하고 싶을때
break 반복문 도중에 만나면 완전히 정지시키고 빠져나간다
continue 반복문 도중에 만나면 다시 반복문을 재 실행 시킨다(변수의 초기화는 하지 않음).

// break 사용
for(var i = 0; i < 10; i++){
    if(i === 5) {
        break;
    }
    document.write('coding everybody'+i+'<br />');
}

// continue 사용
for(var i = 0; i < 10; i++){
    if(i === 5) {
        continue;
    }
    document.write('coding everybody'+i+'<br />');
}

- 반복문 안에 또 다시 반복문(조건문)이 들어갈수 있다(반대로 조건문 안에 반복문 ok).

// 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 />');
    }
}

* ("hello"+i) 이렇게 문자열 hello 와 숫자 i를 결합시킬때, javascript는 숫자를 문자열로 만든다.
** i++ i 를 리턴하고 값을 더한다 | ++i i 의 값을 더하고 리턴한다. /// 밑 코드 참조 

var x = 3;
y = x++; // y = 3, x = 4

var a = 2;
b = ++a; // a = 3, b = 3