for문이란?

• 특정 처리를 반복적으로 구현하고자 할 때 사용하는 문법

  // 기본문법
  for(초기값; 조건식; 증감연산자) { 
  	반복 하고 싶은 처리
  }
  

• 예시

  for(let i = 0; i < 3; i++) {
  	console.log(i + "번째 루프");
  }
  

  LOOP 횟수	i의 값	조건식	조건식 결과	처리
  1	0	i < 3	true	“0번째 루프” 출력
  2	1	i < 3	true	“1번째 루프” 출력
  3	2	i < 3	true	“2번째 루프” 출력
  4	3	i < 3	false	for문 종료

break문

• 처리중 break문을 만나면 루프를 종료

  
  for(let i = 0; i < 5; i++) {
  	if(i === 3) {
  		break;
  	}
  	console.log(i + "번째 루프");
  }
  

  LOOP 횟수	i의 값	조건식	조건식 결과	if문 처리	처리
  1	0	i < 5	true	false	“0번째 루프” 출력
  2	1	i < 5	true	false	“1번째 루프” 출력
  3	2	i < 5	true	false	“2번째 루프” 출력
  4	3	i < 5	true	true	break 실행, for문 종료

continue문

• 처리중 continue문을 만나면 그 아래의 처리를 건너뛰고 다름 루프를 진행

  for(let i = 0; i < 5; i++) {
  	if(i === 3) {
  		continue;
  	}
  	console.log(i + "번째 루프");
  }
  

  LOOP 횟수	i의 값	조건식	조건식 결과	if문 처리	처리
  1	0	i < 5	true	false	“0번째 루프” 출력
  2	1	i < 5	true	false	“1번째 루프” 출력
  3	2	i < 5	true	false	“2번째 루프” 출력
  4	3	i < 5	true	true	continue실행, 다음 루프 진행
  5	4	i < 5	true	false	“4번째 루프” 출력
  6	5	i < 5	false	실행 안됨	for문 종료

다중루프

• 루프 안에 루프가 있는 형태

  for(let i = 0; i < 2; i++) {
  	console.log("바깥 : " + i + "번째 루프");
  	
  	for(let z = 0; z < 3; z++) {
  		console.log("안 : " + z + "번째 루프");
  	}
  }
  

  i의 값	z의 값	처리
  0	-	“바깥 : 0번째 루프” 출력
  	0	“안 : 0번째 루프” 출력
  	1	“안 : 1번째 루프” 출력
  	2	“안 : 2번째 루프” 출력
  	3	z < 3 조건식 false, 안쪽 루프 종료
  1	-	“바깥 : 1번째 루프” 출력
  	0	“안 : 0번째 루프” 출력
  	1	“안 : 1번째 루프” 출력
  	2	“안 : 2번째 루프” 출력
  	3	z < 3 조건식 false, 안쪽 루프 종료
  2	-	i < 2 조건식 false, 바깥쪽 루프 종료

실습

• 아래의 프로그램을 만들어 주세요.

  // 구구단 2단 출력
  // 예시)
  // 2 X 1 = 2
  // 2 X 2 = 4
  // ...
  // 2 X 9 = 18
  

• 아래의 프로그램을 만들어 주세요.

  // 구구단 2~9단을 출력
  // 예시)
  // ** 2단 **
  // 2 X 1 = 2
  // 2 X 2 = 4
  // ...
  // ** 3단 **
  // 3 X 1 = 3
  // 3 X 2 = 6
  // ...
  // 9 X 8 = 72
  // 9 X 9 = 81
  

• 아래의 프로그램을 만들어 주세요.

  // 아래처럼 별을 찍어주세요.
  // 예시)
  // *****
  // *****
  // *****
  // *****
  // *****
  

• 아래의 프로그램을 만들어 주세요.

  // 아래처럼 별을 찍어주세요.
  // 예시)
  // *
  // **
  // ***
  // ****
  // *****
  

• 아래의 프로그램을 만들어 주세요.

  // 아래처럼 별을 찍어주세요.
  // 예시)
  //     *
  //    **
  //   ***
  //  ****
  // *****