본문 바로가기
FrontEnd/JavaScript & jQuery

[For문, 중첩For문]

by 성은2 2021. 3. 17.
1. For문 작동방식

 

 

초기화식반복문에 진입할 때 단 한 번 실행된다.

조건식이 ture면

실행문 실행시키고 false면 종료시킨다. 

조건이 true여서 실행문이 실행되었다면 다시 증감식을 실행한다.

증감후에도 조건식이 ture면 실행문장 반복 / false이면 for문 종료.

 

 

 

 

2.예제

for (int i = 0; i < 3; i++) {

 alert(i); // 0, 1, 2가 출력됩니다. 

}

 

 

 

 

 

 

 

3.break로 반복문 빠져나오기

1. 반복문이 false이면 반복문 종료

2. braek 지시자로 원하는때에 반복문 종료

 

 

let sum = 0;

 

while (true) {

  let value = +prompt("숫자를 입력하세요.", '');

 

  if (!value) break; // 사용자가 아무것도 입력하지 않을시 break(중단) 후 반복문 종료, alert 실행(*)

 

 sum += value;

}

 

alert( '합계: ' + sum ); // (*)

 

 

 

 

 

4. 이중 For문

밖에 있는 for문이 1번 실행될때마다
안에있는 for문은 모든 반복을 실행한다. 

그리고 안에 있는 for문의 동작이 완료되면 밖에있는 for문이 다시 1번반복하고,
다시 안에 있는 for문이 동작을 반복하는 것이다. 

(ex - 밖에 있는 for문이 5번 반복, 안에 있는 for문이 3번 반복일 경우 
쉽게말해서 3번씩(안에있는 for문 완전동작) 5번(밖에 있는 for문의 순차 반복) 총 15번의 동작이 이루어진다.)

 

 

5. 이중 For문 별 늘리기 예제

 

i가 증가하면서 실제 별을 찍어내는 j의 최대 찍는수를 i를 통해 늘려가는 구조

처음엔 i가 1이므로 j의 최대는 1이지만,

i가 증가되며 i가 5가 되면 j의 최대치도 5가 되어 5개의 별을 찍음

 

for (int i = 1; i <=5 ; i++) {

  for (int j= 1; j <=5 ; i ++) {

      Console.log("*") <br>

   }

}