[JavaScript] 반복문

while

while (조건){
    반복해서 실행할 코드
}

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

여기서 document.write는 자바스크립트를 이용해서 웹페이지에 텍스트를 출력한다

node.js 같은 콘솔에서 실습을 한다면 console.log 같은 메소드를 대신 사용한다.

​

저기 조건에 있는 true를 false로 바꿔주변 반복문은 실행되지 않을것이다.

---

반복의 지속여부를 결정 하고싶다(10번만 실행시키고 싶어!)

var i = 0;
// 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.
while(i < 10){
    // 반복이 실행될 때마다 coding everybody <br />이 출력된다. <br /> 줄바꿈을 의미하는 HTML 태그
    document.write('coding everybody <br />');
    // i의 값이 1씩 증가한다.
    i++
}

---

for문

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

c언어와 똑같다

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

일단 초기화를 해야한다.

위의 코드에서는 변수i의 값을 0으로 설정하는게 초기화가 되겠다.

---

일일이 모든 문장을 적을 필요 없으니까 반복문을 쓰면 효용이 좋겠지

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

저렇게 문자열이랑 같이 출력하고 싶으면 +로 연결할 수 있고

var i = 0;
while(i < 10){
    document.write('coding everybody '+(i*2)+'<br />');
    i++;
}

2배를 하고 싶으면 곱하기 연산자를 써도 된다.

---

반복을 중단시키고 싶을때에는 break를 쓴다

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

5가 되면 break하므로

coding everybody 0
coding everybody 1
coding everybody 2
coding everybody 3
coding everybody 4

여기까지만 출력을 할것이다

---

실행은 중단시키면서 반복은 지속시키게 하려면 어떻게 해야할까?

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

i가 5일 때에는 아래의 문장을 수행하지 않는다

왜냐하면 i값이 5가 되면 실행이 중단 되어서 continue 이후의 구문은 실행되지 않는다

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

그래서 결과를 보면 5만 나오지 않는다

---

반복문을 중첩해서 쓸수도 있다

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

참고 :생활코딩 -자바스크립트-자바스크립트