반복문 (loop iterate)

☀️while 기본 문법

반복문의 문법

조건 <- boolean에서 True인 동안에 반복해서 실행할 코드 들이 반복해서 실행이 된다,조건이 true->false가 될때까지

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

while 조건 true이므로 coding everybody 가 무한반복으로 실행된다.

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

☀️반복 조건

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

->
coding everbody 0
coding everbody 1
coding everbody 2
coding everbody 3
coding everbody 4
coding everbody 5
coding everbody 6
coding everbody 7
coding everbody 8
coding everbody 9

☀️for 문

초기화 0 으로 시작하며
i가 1일 경우 1<10 으로 true이며 i=i+1 즉, i=2 가 된다.
9까지 실행이 되고 , 9= 9+1로 i가 10이 될 때 false가 되므로 종료 된다.

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

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

☀️반복문의 효용

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

->
coding everbody 1
coding everbody 2
coding everbody 3
coding everbody 4
"
"
"

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

->
coding everbody 0
coding everbody 2
coding everbody 4
coding everbody 6
"
"
"

☀️ break

반복작업을 중간에 중단 시키고 싶다면 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

i++ 와 i+1 같다.
i 가 5 가 되면 break가 되어 반복문이 중단된다.
반복문안에 조건문이 들어 갈 수 있다.

☀️ continue

실행을 중단하고 반복은 지속되게 한다.

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

5가 되었을 때 실행이 중단되었고 반복문은 중단되지 않았기 때문에 나머지 결과가 출력된다.

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

☀️ 반복문의 중첩

• 앞쪽은 i, 뒤쪽
  00
  01

• 문자 (coding everbody)와 숫자(i)가 만나면 숫자가 문자로 자동으로 형식이 변환되어 문자열이 됨
  2개의 문자를 붙여줌

  document.write('coding everybody'+String(i)+String(j)+'
  ');
  }

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

디버거 사용
;오류를 제거하는 행위,활동을 도와주는 도구