JS 10-1 for

06 Mar 2022

---

반복문

demo10.html

For

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

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

for문은 제일먼저 초기화를 함

• 초기화(조건? 설정?)는 var i = 0; 임
  
• 변수 i 값을 0으로 설정
  
• 그 다음 반복조건인 i<10
  
• 코드가 반복해서 실행될때마다 i++ (현재i값에 1을 더하라는 명령)
  
• 첫번째 실행시 i 값은 0 : true
  
• 코드를 실행함
  
• 11째에 i값이 10이 되어 i<10 이 false가 되면 반복문 종료
  

반복문이 없고 coding everyday를 5번 출력하고 싶다면

document.write("coding everyday <br>");
document.write("coding everyday <br>");
document.write("coding everyday <br>");
document.write("coding everyday <br>");
document.write("coding everyday <br>");

이런 작업은 Ctrl+c,v로 가능하지만 천번 출력해야한다면?

var i = 0;
while (i < 5) {
  document.write("coding everyday <br/>");
  i++;
}

이 코드와 분량에 큰 차이가 있을 것

만약 comment뒤에 숫자를 붙이고 싶다면?

document.write("coding everyday 1<br>");
document.write("coding everyday 2<br>");
document.write("coding everyday 3<br>");
document.write("coding everyday 4<br>");
document.write("coding everyday 5<br>");

반복문에서는 아래와 같이 하면됨

var i = 0;
while (i < 5) {
  document.write("coding everyday" + i + "<br/>");
  i++;
}

commet 뒤에 숫자를 2의 배수하고 싶으면?

var i = 0;
while (i < 5) {
  document.write("coding everyday" + i * 2 + "<br/>");
  i++;
}