for Loop 반복문

Doyoon Lee·2020년 6월 26일
0

Javascript

목록 보기
1/23

for Loop

for Loop의 문법

for(var i = 0; i < 10; i++){
document.write('coding everybody <br />');
}
  • var i = 0; i <10; i++ 한 라인에 쓰는 것이기 때문에 꼭 ; 세미콜론으로 구분해줘야 한다.
  • 맨 마지막 i++ 뒤에는 세미콜론을 쓰면 안된다.
  • 세 가지의 순서가 꼭 그대로여야한다.
  • i++ 는 i 가 1 씩 증가한다는 뜻이다.


또 다른 예시

for(var i = 0; i < 10; i++){
document.write("coding everybody"+(i+1)+"<br />");
}
  • i+1를 사용해서 1부터 시작하는 수 를 표시할수있다. (괄호로 감싸야하는걸 꼭 주의!)
  • 곁다리 : i++ 와 ++i 의 차이

var i = 0;
alert(i++);
- 실행될 당시에는 i 가 0으로 실행된다.
var i = 0;
alert(i++);
- 실행할 때부터 i가 1로 실행된다.



break

  for(var i = 0; i < 10; i++){
      if (i === 5) {
        break;
      }
      document.write("coding everybody"+i+"<br />");
  }
  document.write("I am just a code.");
  • 반복문을 실행하다가 if 조건문 안에 조건이 true가 되는 순간 break 를 실행한다.
  • break 가 되면 반복문을 중단하고, 반복문 밑에 오는 다른 코드를 실행한다.



continue

for(var i = 0; i < 10; i++){
	if (i === 5) {
	      continue;
	}
  document.write("coding everybody"+i+"<br />");  
}
  • if 조건이 true가 되어(i가 5일 때) continue 가 실행되면, 밑에 있는 write 를 실행하지 않고, 위로 다시올라가서 loop를 처음부터 실행한다. 그래서 화면에 coding everybody 5가 표시되지 않는다.
  • loop(반복문) 과 if(조건문)은 서로 안에 들어갈 수 있다.


for loop 사용해서 00,01, ... 99 까지 표시되게 하는법

for(var i = 0; i < 10; i++){
  for(var j = 0; j < 10; j++){
        document.write("coding everybody"+i+j+"<br />");
  }
}
  • 위에서 i+j 는 원래는 숫자로 계산이 되어 출력될텐데, 지금은 string 사이에 있다보니 문자로 자동 변환된다.
  • i 가 0 일때 for(j) 문으로 들어가서 i = 0, j = 0인 상태로 시작, j 가 9가 될때까지 그 안에서 반복한다.
  • 그 다음에 위로 나와서 for(i) 문에서 i = 1 로 바뀐 다음에 다시 들어가서 for(j)문을 또 반복한다.

0개의 댓글